什么时候使用computed或者watch:默认加载数据的时候，不触发事件
使用计算属性computed的一个实例：vuex中使用state里面的共享数据。当共享数据发生改变时，如果使用computed进行监听，就会很好的将改变之后的数据展现到页面当中去，也可以不使用，但有可能出现数据无法正常显示的问题。
vuex和computed的区别，vuex是存储和传递数据的，computed是用来改变数据的，即监听发生改变的数据并渲染到页面当中去。
vue中的计算属性computed实现当数据发生改变时，数据实时更新到页面中去，而"不会出现数据改变了但是在页面上还没有显示"，
computed是一个跟data平级的，他里面的属性不需要在data中定义，而是直接在computed里直接定义,引用跟data里的属性一样引用，computed里的属性本质是一个方法，但是引用他的时候当做一个属性来引用，而不是方法来引用，引用时一定不要加()，计算属性会被缓存起来，方便下次调用，当数据没有发生改变时，计算属性不会重新计算。
1.支持缓存，只有数据发生改变，才会重新进行计算
2.不支持异步，当computed内有异步操作时无效，无法监听数据的变化
3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过的数据通过计算得到的，
响应式依赖就是指watcher,data里面的数据发生改变，watcher就会更新，但watcher不会立即执行，会异步渲染。
4.如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed
5.如果computed属性属性值是函数，那么默认会走get方法；函数的返回值就是属性的属性值；在computed中的，属性都有一个get和一个set方法，当数据变化时，调用set方法。
例如
Document{{name}}
new Vue({
el:'#itany',
data:{
firstname:'',
lastname:'',
},
computed:{
'name':function () {
return this.firstname+this.lastname; //computed属性属性值是函数，调用的computed的get方法，返回值就是计算属性的属性值
},
},
})
在watch跟computed差不多，watch跟data平级，watch中的属性也是一个方法，但是不需要return，也必须要在data先定义该属性，
不支持缓存，数据变，直接会触发相应的操作；
watch支持异步；
监听的函数接收两个参数，第一个参数是最新的值；第二个参数是输入之前的值；
当一个属性发生变化时，需要执行对应的操作；一对多；
Document{{name}}
new Vue({
el:'#itany',
data:{
firstname:'',
lastname:'',
name:''
},
watch:{
'firstname':function () {
this.name= this.firstname;
},
'lastname':function () {
this.name= this.firstname+this.lastname;
},
},
})
基本上不用watch来实现数据监听，因为太麻烦了，但是watch可以监听路由变化，
在vue实例中
watch:{
'$route.path':function (newVal,oldVal) {//newVal表示变化后的值，oldVal表示变化前的值
console.log(newVal,oldVal)
},
},
区别：里面但是一个方法，computed的方法要return，watch里不需要。如果compute和watch同时出现，先执行compute,再执行watch,因为computed一开始就绑定data中的数据，数据发生变化后才会进入watch。
573
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
