摘要：
1. 作用：给 表单元素 使用，形成 双向数据绑定，可以快速 获取或设置 表单元素内容，v-model会根据 控件类型 的不同自动选取 正确的方法 来更新元素。（常见的表单元素有 input:text输入框、textarea文本域、radio单选框、checkbox复选框、select下拉菜单等等） 阅读全文
摘要：
1. 作用：基于数据循环，多次渲染整个元素（可以遍历 数组、对象、数字 ......） 2. 遍历数组语法：v-for = "(item, index) in 数组名" （item：遍历时的每一项；index：遍历时的下标） 如果不需要下标，则可以简写：v-for = "item in 数组名" e 阅读全文
摘要：
1. 作用：动态设置 html 的标签属性（eg：src、url、title ......） 2. 语法：v-bind : 属性名 = "表达式" 或 : 属性名 = "表达式"（简写形式） 3. 例子： new Vue 的 data 里面定义一个变量 imgUrl : './imgs/10-01. 阅读全文
摘要：
1. v-on 作用：注册事件（注册事件 = 添加监听 + 提供处理逻辑） 2. 语法： ① v-on : 事件名 = "内联语句" eg：<button v-on:click="count++"> 点我加一 </button> ② v-on : 事件名 = "methods中的函数名" 或 v-o 阅读全文
摘要：
v-else 、 v-else-if 作用：都是辅助 v-if 进行判断渲染的。 语法：v-else：后面不需要跟任何表达式，直接表示的是：否则； v-else-if ：v-else-if = "表达式" true则渲染 注意：v-else 或 v-else-if 都需要紧挨着 v-if 一起使用 阅读全文
摘要：
v-show ： 1.作用：控制元素显示隐藏 2.语法：v-show = "表达式" 表达式值为 true 则显示， false 则隐藏 3.底层原理：切换 css 的 display: none 来控制显示隐藏 4.使用场景：频繁切换显示隐藏的场景 v-if ： 1.作用：控制元素显示隐藏（条件渲 阅读全文