computed 计算属性
1.可用于快速计算视图(View)中显示的属性,这些计算将被缓存,并且只在需要时更新。
2.计算属性的内容也可写在方法中,进行调用,虽然结果是相同的,但是性能却有很大差别,方法在每次页面渲染时都会执行一次。而计算属性不必每次都执行一次。
3.计算属性默认只有getter方法,不过在需要时你也可以提供一个setter方法
4.计算属性适合多个数据变化影响一个数据的情况下。即多个变量或对象进行处理后返回一个结果值
watch
1.一般适用于监控路由,input输入框的值的特殊处理等,
2.适合场景一个数据影响多个数据
3.类型{[key:string]: string | Function | Object | Array},
一个对象,键是需要观察的表达式,值是对应的回调函数,方法名,包含选项的对象
this.$nextTick(){}
当dom加载完,才会执行其中的代码