其他代码
vue实例:select 列表
下拉列表的双向数据绑定。
vue实例:单选按钮
单选按钮的双向数据绑定。
vue实例:复选框
演示了复选框的双向数据绑定。
vue实例:输入框
演示了 input 和 textarea 元素中使用 v-model 实现双向数据绑定。
vue实例:v-on 指令3
除了直接绑定到一个方法,也可以用内联 JavaScript 语句
vue实例:v-on 指令2
v-on 可以接收一个定义的方法来调用。
vue实例:v-on 指令
事件监听可以使用 v-on 指令。
vue实例:style(内联样式)3
v-bind:style 可以使用数组将多个样式对象应用到一个元素上。
vue实例:style(内联样式)2
也可以直接绑定到一个样式对象。
vue实例:style(内联样式)
我们可以在 v-bind:style 直接设置样式。
vue实例:数组语法2
还可以使用三元表达式来切换列表中的 class。
vue实例:数组语法
我们可以把一个数组传给 v-bind:class。
vue实例:class 属性绑定4
此外,我们也可以在这里绑定返回对象的计算属性。
vue实例:class 属性绑定3
text-danger 类背景颜色覆盖了 active 类的背景色。
vue实例:class 属性绑定2
text-danger 类背景颜色覆盖了 active 类的背景色。
vue实例:class 属性绑定
将 isActive 设置为 true 显示了一个绿色的 div 块,如果设置为 false 则不显示。
vue实例:computed setter
computed 属性默认只有 getter ,不过在需要时你也可以提供一个 setter。
vue实例:反转字符串 methods
使用 methods ,在重新渲染的时候,函数总会重新调用执行。
vue实例:使用了计算属性的反转字符串
提供的函数将用作属性 vm.reversedMessage 的 getter
vue实例:反转字符串
反转字符串的例子。
«
1
2
...
11
12
13
14
15
16
17
18
19
»