计算属性

F12


在模板中放入太多的逻辑会让模板过重且难以维护,可以放到计算属性中。

methods:{ //方法每次都重新计算
computed: { //计算属性,就计算一次

vm.now()
vm.now()

vm.now2
vm.now2
此时,模板不再是简单的和声明性的。

{{author.name}} has published books:

含有计算的模板:{{ author.books.length > 0 ? 'Yes' : 'No' }}

简单展示的模板: {{ publishedBooksMessage }} (推荐: 保持模板简单)


setter: 支持 setter > vm.fullName="Wang JL", 然后查看 vm.firstName

first name: {{firstName}}, last name: {{lastName}}

Full name: {{fullName}}