computed与watch

一. computed计算属性

规则：
1.使用已有的属性来计算不存在的属性
2.默认调用一次get
3.简写形式（函数）没有set方法，如果需要更改值必须使用对象写法，不能使用函数
4.原理使用了Object.defineproperty(目标对象,名称,{get(),set(value)})

二. 监听方式watch

1.监听已有的属性

2.immediate设置为true默认触发一次，false不会默认触发

3.handler(新值,旧值)函数，当监听值发生改变时就会触发handler函数

4.写法：第一种Vue实例中，第二种实例化vm.$watch(“监听的属性”,{})

5.watch默认监听一层，需要监听多级如对象中的值，需要添加深度监听deep:true

6.简写，只有handler函数，才可以简写。写法：监听的属性名(新值,旧值){}

三. computed与watch的区别

1.computed能做到的watch都可以，watch能做到的computed不一定能

2.被Vue实例管理的函数最好都使用普通函数，不被Vue实例管理的函数最好都使用箭头函数

四. 全局自定义指令

Vue.directive()

五.过滤器

1.两种写法：Vue.filter(“名称”,函数(接收前一个的值))

new Vue({filters:{函数名(接收前一个的值){}}})

2.过滤后产生新的数据值，多个过滤器串联，

3.使用时|过滤名 过滤名后面可加可不加()