计算属性computed，因为是一个属性，所以html页面调用的时候不加(),直接写ageAddA
computed属性(产生虚拟dom)：只有真正的dom不同时，才会触发对应的computed属性:点击a++ 按钮时，只触发ageAddA属性
<button v-on:click="a++"> add to a</button>
<p> age + a = {{ageAddA}}</p>
<p> age + a = {{ageAddB}}</p>
function方法：只有dom不同时，就会触发所有的function方法:点击a++ 按钮时，触发ageAddA()方法和ageAddB()方法
<button v-on:click="a++"> add to a</button>
<p> age + a = {{ageAddA()}}</p>
<p> age + a = {{ageAddB()}}</p>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
function 名称 和computed 名称 不能同名，同名时页面加载图示错误
网友评论