摘要:
一.什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。 所有的 Vue 阅读全文
摘要:
Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: 组件中定义过滤器 你可以在一个组件的选项中定义本地的过滤器: 阅读全文
摘要:
绑定 HTML Class 对象语法 ①.添加单个class: 上面的语法表示 active 这个 class 存在与否将取决于数据属性 isActive为真还是假。 ②.添加多个class: 和如下 data: 结果渲染为: ③.绑定的数据对象不必内联定义在模板里: ④.绑定一个返回对象的计算属性 阅读全文
摘要:
计算属性computed 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: 所以,对于任何复杂逻辑,你都应当使用计算属性。 例子 结果: 这里我们声明了一个计算属性 reversedMessage。我们提供的函数将用作属性 vm.rev 阅读全文