Vue.js 表单
Vue.js 组件
Vue.js 自定义指令
Vue.js 路由
Vue.js 过渡 & 动画
Vue.js 混入
Vue.js Ajax(axios)
Vue.js Ajax(vue-resource)
Vue.js 响应接口
Vue.js 实例
Vue.js 循环语句 Vue.js 监听属性
Vue.js 计算属性
计算属性关键词: computed。
计算属性在处理一些复杂逻辑时是很有用的。
可以看下以下反转字符串的例子:
实例 1
<div id="app">
{{ message.split('').reverse().join('') }}
</div>
尝试一下 »
实例 1 中模板变的很复杂起来,也不容易看懂理解。
接下来我们看看使用了计算属性的实例: