Vue组件如何设置在首次加载时自动执行watcher？

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

目录 + 组件首次加载即执行watch：watch('watch') + watch('watch') + 首次加载即执行watch，需要将immediate属性修改为true，默认值为false + watch: { val: { immediate: true, // 首次加载时执行 } }

目录

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

组件首次加载就触发watch

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

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

watch的初始立即执行

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