摘要：
v-model 用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定； input <input v-model="message" placeholder="edit me" /> <p>Message is: {{ message } 阅读全文
摘要：
监听事件 v-on 我们可以使用 v-on 指令 (通常缩写为 @ 符号) 来监听 DOM 事件 <div id="basic-event"> <button @click="counter += 1">Add 1</button> <p>The button above has been clic 阅读全文
摘要：
v-for 遍历数组 v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。 <ul id="array-with-index"> <li v-for="(item, index) in items"> {{ 阅读全文
摘要：
v-if v-else-if v-else <div v-if="type 'A'"> A </div> <div v-else-if="type 'B'"> B </div> <div v-else-if="type 'C'"> C </div> <div v-else> Not A/B/C </ 阅读全文
摘要：
Class 对象语法 数组语法 在组件上的使用 Style 对象语法 数组语法 自动添加前缀 多重值 Class 对象语法 动态地切换 class： <div :class="{active: isActive}"></div> 表示 active 这个 class 存在与否将取决于 data pr 阅读全文
摘要：
计算属性 模板内的表达式非常便利，设计它们的初衷是用于简单运算的。但如果在模板中放入太多的逻辑会让模板过重且难以维护。例如，有一个嵌套数组对象： <div id="computed-basics"> <span>{{ author.books.length > 0 ? 'Yes' : 'No' }} 阅读全文