1.MVVM 的工作原理

注意：数据驱动视图和双向数据绑定的底层原理是MVVM（Mode数据源、View视图，ViewModel就是vue的实例）

①基本代码与MVVM的对应关系

②Vue调试工具 （chrome 终端控制台）

2.Vue的指令与过滤器

（1）指令的概念

指令（Directives）是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。（指令是vue开发中最基础、最常用、最简单的知识点）

①内容渲染指令

内容渲染指令用来辅助开发者渲染DOM元素的文本内容，常用的内容渲染指令有：v-text（缺点： 覆盖元素原有的内容） 、{{ }} （专业名称：插值表达式，最常用的方法，只是内容的占位符，不会覆盖原有的内容） 、v-html （可以把带有标签的字符串，渲染成真正的HTML内容）

②属性绑定指令

注意：插值表达式只能用在元素的内容节点中，不能用在元素属性节点中！

在vue 中可以使用v-bind指令为元素的属性动态绑定值，简写 英文的 ：

在使用v-bind属性绑定期间，如果绑定内容需要进行动态拼接，则字符串的外面应该包裹单引号

③事件绑定指令

v-on：元素绑定事件（简写： @） —— @click 点击，@monseenter 经过，@dbclick 双击。

@keyup.enter事件修饰符

a.事件绑定的方法写成函数调用的形式，可以传入自定义参数

b.定义方法时需要定义形参来接收传入的实参

c.事件的后面跟上.修饰符可以对事件进行限制

d.enter可以限制触发的按键为回车

@keyup 和 @keydown键盘事件

①vue中常用的按键别名

回车 => enter ，删除 => delete，退出 => esc，空格 => space，换行 => tab，上 => up，下 => down，左 => left，右 => right

②vue未提供的别名按键，可以使用按键原始的key值绑定，但注意要转为kebab-case（短横线命名）

③特殊按键 搭配@keydown使用 （tab，shift，ctrl，alt，shift）

事件修饰符

（阻止事件自身的行为，辅助程序员更方便地对事件的触发进行控制）

写法如： @click.prevent=”方法名”