watch: {
        data1: {
            // 监听数据 获取到数据里的数组数据
        handler(val) {
            this.getInfo()
        },
        deep: true, // 深度监听
        immediate:true, //当 watch 一个变量的时候,初始化时并不会执行你需要在created的时候手动调用一次。添加immediate属性,这样初始化的时候也会触发
        },
    },
    created() {
   // this.getInfo() --immediate:true包含了初始化时触发
}

解释:immediate表示在watch中首次绑定的时候,是否执行handler,值为true则表示在watch中声明的时候,就立即执行handler方法,值为false,则和一般使用watch一样,在数据发生变化的时候才执行handler。所以当为true时 在created周期里就可以不用在写 已经在watch 中写过的方法了

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐