Vue组件首次加载时，如何自动触发watch功能？

本文共计270个文字，预计阅读时间需要2分钟。

目录 + 组件首次加载即执行watch(watch) + watch: { val: { immediate: true, // 首次加载时立即执行 watch } }

目录

• 组件首次加载就触发watch
• watch的初始立即执行

组件首次加载就触发watch

首次加载就触发watch需要修改其immediate属性为true，其默认值为false

watch:{ "val":{ immediate:true,//首次加载的时候执行函数 deep:true,//深入观察数组值的变化， inputVal:function(){ } } }

watch的初始立即执行

当 watch 一个变量的时候，初始化时并不会执行，如下面的例子，你需要在created的时候手动调用一次。