computed实现
在vue实例配置选项中,添加computed属性,值是一个对象,并且添加与之相对应的计算属性
计算属性得到的值是之前缓存的计算结果,不会多次执行
实例代码如下所示
<!...)
对于复杂逻辑,可以使用计算属性(计算属性的 getter 函数是没有副作用, 但也可以使用方法,但是计算属性在计算数量量比较大,具有缓存计算结果的作用,性能更高,频繁调用方法,解析模板,渲染页面,是比较消耗性能的...通过vm对象的$watch()或watch配置来监视指定的属性
当属性变化时,回调函数自动调用,在函数内部进行计算
具体实例代码
属性,如果需要对一些数据做一些监测,新旧数据的对比,变换,达到某些条件时,做一些逻辑操作,那么watch可以监听data下面的属性,还可以监听计算结果属性
关于watch与$.watch...,回调函数自动调用,进行相关操作
监视的属性必须存在,才能进行监视
监视数据有两种方式一种实例化Vue对象时,传入watch配置选项,另一种是vm.