,非常便利,但是它只适合于简单的运算,如果逻辑很复杂,那么维护模板就会变得很麻烦,不直观
建议
对于复杂的逻辑,都应该使用方法或者计算computed属性
额外拓展
为什么data的值写成一个函数,而非一个对象...简要
当一个组件被定义,data必须声明为返回一个初始数据对象的函数,因为组件可能被用来创建多个实例
也就是说,在很多页面中,定义的组件可以复用在多个页面
如果data是一个纯碎的对象,则所有的实例将共享引用同一份...data数据对象,无论在哪个组件实例中修改data,都会影响到所有的组件实例
如果data是函数,每次创建一个新实例后,调用data函数,从而返回初始数据的一个全新副本数据对象
这样每复用一次组件,会返回一份新的...$watch
06
watch中的深度监视
上面都是直接的监听data下面直接挂载的属性,当我们想要监听某个对象下的单个属性时,那怎么办?...}
}
})
在Vue中,默认不监测对象内部值的改变,如果想要监测对象下的每个属性的变化(也就是监测多层级结构),可以设置开启deep: true配置,如下所示
const vm =