computed计算属性和watch监听总结

在开发中常用到计算属性和监听属性，虽然两者实现的功能很相似，但是还是有一定差别的，以下总结了computed计算属性和watch监听。
1、computed计算属性
计算属性就是当其依赖属性的值发生变化时，这个属性的值会自动更新，与之相关的DOM部分也会同步更新。

//计算属性是根据data中已有的属性，计算得到一个新的属性，
var vm=new Vue({
   
	  el:"#app",
	     data:{
   
          firstname:"李",
          lastname:"四",
        },
        computed:{
   
			fullName:{
   
					return this.firstname+this.lastname
			}
		}
})

(1)get
基础写法只有get，代码写法简单，在getter函数内return计算结果。
例如：

var vm = new Vue({
   
	el: '#demo',
	data: {
   
    firstName: 'Foo',