Vue从零开始总结8

{{内容}}里面的内容不仅可以是data中的变量也可以是methods里面的函数写的时候这样

<h2>{{getFullName()}}</h2>

data:{

firstName:'徐',
lastName:'文立'

}

methods:{

getFullName:function ()
{
   return this.firstName+' '+this.lastName;
}

}

就算是这样看起来也不是很简洁，还是很难做到见名知意的程度

这时候我们就需要用到计算属性了，也就是computed:{}

computed中一切皆属性，哪怕你里面写的是函数，写出来也是这样的

<h2>{{fullName}}</h2>

computed:{
   fullName:function ()
   {
       return this.firstName+this.lastName;
   }
}

最后注意的是computed与el，data，methods是并列的