Vue学习-computed和watch的区别

1. computed属性

computed属性是vue中一种计算数据的功能，基于data中已声明的数据或者通过父组件传递的props中的数据通过计算得到的一个新的值，这个新值只会根据已知数据的变化而变化。
简单来说就是，computed属性可以计算数据，但是只能计算已经存在的值。
举个简单的例子：

<div id="app">
    姓：<input type="text" v-model="firstName"> <br>
    名：<input type="text" v-model="lastName"> <br>
    全名：<span>{
   {
   fullName}}</span>
</div>
......
 data:{
   
   firstName:"张",
   lastName:"三"
 },
 computed:{
   
   fullName:function () {
   
     console.log("get被调用了")