Vue自学（3）2020-09-29

Vue基本知识点

1. Vue模板语法：插值语法----{{}}
把字符串渲染到页面上有哪些方式？

1.利用原生js拼接字符串
2.利用模板引擎拼接
3.利用Vue插值语法
3.文档碎片   document.createDocumentFragment
4.利用es6 `` 反引号拼接字符串

2. v-clock 解决插值语法的闪烁问题

3.数据填充的三个指令:v-text ,v-html ,v-pre

1. v-text 和 v-html 的区别
   v-text 输出的是纯文本，浏览器不会对其再进行html解析
   v-html 会将其当html标签解析后输出
2. v-pre 显示原始信息跳过编译过程一些静态的内容不需要编译加这个指令可以加快渲染

4.数据响应：数据改变的时候页面内容跟随者改变

5.v-once：执行一次性的插值【当数据改变时，插值处的内容不会继续更新】

6.双向绑定v-model
双向数据绑定：
当数据发生变化的时候，视图也就发生变化
当视图发生变化的时候，数据也会跟着同步变化
双向绑定的使用场景：

v-model是一个指令，限制在 <input>、<select>、<textarea>、components（组件） 中使用

7. v-bind(缩写是:)

8.事件修饰符
.stop 阻止冒泡
.prevent 取消默认事件

9.常见的按键修饰符

.enter =>    enter键
.tab => tab键
.delete (捕获“删除”和“退格”按键) =>  删除键
.esc => 取消键
.space =>  空格键
.up =>  上
.down =>  下
.left =>  左
.right =>  右

Vue组件

目的：从最基础的元素构建更复杂的且可复用的代码单元