HTML:if-else HTML:if-else if-else v-show我们也可以使用 v-show 指令来根据条件展示元素： ...

我们可以在 v-bind:style 直接设置样式： 直接添加样式属性 HTML 效果如图： 绑定到样式对象 HTML 效果如图： 多样式 ...

class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。 ...

props 是父组件用来传递数据的一个自定义属性。父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 "prop"。 父组件通过props将数据传递给子组件 ...

除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 使用directive自定义全局指令 下面我们注册一个全局指令 v-focus, 该指令的功能是在 ...

事件修饰符 Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。Vue.js通 ...

v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。 HTML 效果： v-for 迭代对 ...

父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，就需要使用自定义事件！我们可以使用 v-on 绑定自定义事件, 每个 Vue 实例都实现了事件接口(Events interf ...

computed属性 HTML 效果： 实例中声明了一个计算属性 reversedMessage 。 提供的函数将用作属性 vm.reversedMessage 的 g ...

v-bind 缩写 Vue.js 为两个最为常用的指令提供了特别的缩写： v-on 缩写 ...