Vue

表单输入绑定 表单输入是双向数据绑定中比较常见的应用场景，“双向”意味着用户操作视图发生改变时，其绑定的数据也随之改变，反之数据的变化也会导致视图发生相应变化。因此在表单交互较多的场景下，使用双向数据

监听事件 Vue 使用 v-on 指令来监听 DOM 事件，并在触发事件时执行一些 JavaScript。v-on 指令绑定的表达式的值可以有以下几种： 简单的表达式 对于比较简单的逻辑可以作为一个表

v-for 循环 v-for 指令会基于源数据多次渲染元素或模板块，源数据的数据类型可以是：Array、Object、Number、String 或 Iterable。v-for 指令在使用时的值必须

v-if v-if 指令用于有条件地渲染元素，元素是否会被渲染取决于 v-if 指令绑定的表达式值的真假： 如果一开始 visible property 的值为真，那么 <div> 元素会被渲染；反之

在使用 Vue 开发项目时，经常会有操作元素 class 和 style 的需求，比如，开发 Tab 组件时通过切换元素的 class 展示被选中的样式，或者有时需要直接更改组件中元素的内联样式。 在上述代码中，active class 是否存在取决于数据 property i…

computed 是计算属性，它会基于所依赖的响应式 property 动态显示最新的计算结果；计算属性的结果会被缓存，只有其依赖的响应式 property 有变化才会重新计算。尽管计算属性的写法在形式上是方法，但它最终会被混入到 Vue 实例中当作 property 使用，所…

上面代码中双大括号里的内容会被替换成数据对象上 name property 的值。同时，只要数据对象上 name property 发生改变，双大括号里的内容都会更新。 双大括号语法只会将数据解释为普通文本，而非 HTML 代码。要输出真正的 HTML 可使用 v-html 指…

当创建 Vue 实例时，可以传入一个选项对象，它包含：数据、DOM、生命周期钩子、资源、组合、其它这几大类，通过这些选项可以创建需要的行为。比如在 DOM 类中，我们常常使用 el 将 Vue 实例挂载到页面上： Vue 实例这个对象暴露出来一些有用的属性和方法，它们都含有前缀…

从 Vue 文档的安装章节中，可以知道实际上 Vue 的构建版本可以划分为：完整版和运行时版。在结合例子理解这两个版本的不同之前，有以下术语解释： 此时，在页面中点击 +1 按钮时，初始值 0 会变为 1，实现了 +1 按钮的功能。 以上报错信息表示当前正在使用的是没有模板编译…