//将需要watch的属性定义在watch中，当属性变化氏就会动态的执行watch中的操作，并动态的可以更新到dom中 new Vue({ el: '#myDiv',data: { firstName: 'Foo',lastName: 'Bar',fullName: 'Foo Bar' },watch: { firstName: function (val) { this.fullName = val + ' ' + this.lastName },lastName: function (val) { this.fullName = this.firstName + ' ' + val } } }) //计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。 //这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数。 new Vue({ el:"#myDiv",data:{ firstName:"Den",lastName:"wang",},computed:{ fullName:function(){ return this.firstName + " " +this.lastName; } } })