插值表达式
作用：把表达式内容插入到指定的位置。
语法: {{ 表达式 }}
- 表达式的变量声明在data方法返回对象里。
MVVM设计模式
设计模式：对一般问题的通用解决方案。
MVVM：模型, 视图, 视图模型双向关联的一种设计模式。
- 减少DOM操作，提高开发效率。
指令
以v-开头的标签属性, 叫指令, 给标签添加额外功能。
v-bind
- 作用：给标签绑定属性。
- 语法：v-bind: 属性名 = "vue变量"
- 简写：:属性名 = "vue变量"
v-on
- 作用：给标签绑定事件。
- 语法：
- v-on: 事件名 = "要执行的少量代码"
- v-on: 事件名 = "methods中的函数名"
- v-on: 事件名 = "methods中的函数名(实参)"
- 简写：@事件名 = "methods中的函数"
- 方法声明在methods对象。
- 修饰符：
- 语法：@事件名. 修饰符 = " "
- 阻止冒泡： .stop
- 阻止默认行为： .prevent
- 只运行一次事件处理函数：.once
- 按键修饰符：
- 只要按下回车才能触发这个键盘事件函数：@keydown.enter
- 只有按下取消键才能触发这个键盘事件函数：@keydown.esc
v-model
-
作用：表单value和Vue变量双向绑定。
-
语法：v-model = "Vue变量"
-
变量声明在data方法返回对象。
-
表单中使用：
-
下拉菜单v-model 在select ，value在option上。
-
复选框checkbox：
变量为数组时，v-model绑定的是选中的value属性。
变量非数组时，v-model绑定的checked属性，布尔值。
-
单选框radio ，v-model绑定选中项的value属性。
-
文本框textarea ， v-model绑定的是用户输入的value属性。
-
-
v-model修饰符：
- 语法：v-model. 修饰符 = "Vue数据变量"
- 转换成数字类型赋值给变量： .number
- 去除首尾空白符赋值给变量： .trim
- input失去焦点才更新变量： .lazy
v-for
- 作用：遍历数据。列表渲染，所在标签结构，按照数据数量循环生成。
- 可以遍历数组、对象、数字、字符串。
- 值变量和索引变量不能用到v-for范围以外。
- 语法：
- v-for = "值变量 in 数据" :key = "唯一的标记"
- v-for = "(值变量，索引变量) in 数据"
v-text和v-html
- v-text 把内容作为文本直接显示。
- v-html 把内容作为html解析显示。
v-show和v-if
- 作用：控制标签的隐藏或显示。
- v-show 原理是控制display: none属性。(频繁切换使用)
- v-if 用于是否删除元素。(可以和 v-else 和 v-else-if 搭配使用)
