Class16 - Vue Computed
作者:©Mrlin(史密斯林)
简介:学习记录,用于记录在CSDN课程中的学习内容。
课程:Vue2.x从入门到实战。Vue.js Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动.(来自官方介绍)
Vue Computed计算属性
Computed
计算属性主要用于简化,模板标签中的表达式。在模板中放入太多逻辑会让模板过重,且难以维护。
例如:1
2
3<div id="example">
{{ message.split('').reverse().join('') }}
</div>
这种形式我们应当竭力避免。因此,处理方式最好是通过computed
,进行一下过渡,将数据简化。如下:1
2
3<div id="example">
{{ newMessage }}
</div>
1 | computed:{ |
- 示例
源码
1 |
|