vue知识点

1. 指令的本质就是自定义属性,Vue中指定都是以 v- 开头
2. v-cloak可以解决插值表达式{{}}带来的页面加载时出现闪烁问题,方法为:(1)通过属性选择器 选择到 带有属性 v-cloak的标签  让他隐藏  (2)让带有插值 语法的   添加 v-cloak 属性 在 数据渲染完场之后，v-cloak 属性会被自动去除，v-cloak一旦移除也就是没有这个属性了  属性选择器就选择不到该标签  也就是对应的标签会变为可见
3. v-text指令用于将数据填充到标签中，作用于插值表达式类似，但是没有闪动问题     注意：此处为单向绑定，数据对象上的值改变，插值会发生变化；但是当插值发生变化并不会影响数据对象的值
4. v-html用法和v-text 相似 但是他可以将HTML片段填充到标签中,它与v-text区别在于v-text输出的是纯文本，浏览器不会对其再进行html解析，但v-html会将其当html标签解析后输出
5. v-pre显示原始信息跳过编译过程,一些静态的内容不需要编译加这个指令可以加快渲染
6. v-once执行一次性的插值【当数据改变时，插值处的内容不会继续更新】
7. 双向数据绑定:当数据发生变化的时候，视图也就发生变化;当视图发生变化的时候，数据也会跟着同步变化
8. v-model:是一个指令，限制在 <input>、<select>、<textarea>、components中使用
9. MVVM:MVC 是后端的分层开发概念； MVVM是前端视图层的概念，主要关注于 视图层分离，也就是说：MVVM把前端的视图层，分为了 三部分 Model, View , VM ViewModel     m model:数据层 Vue 中 数据层 都放在 data 里面    v view 视图:Vue 中 view 即 我们的HTML页面     vm （view-model）:控制器 将数据和视图层建立联系 vm 即 Vue 的实例 就是 vm
10. v-on:用来绑定事件的,形式如：v-on:click 缩写为 @click;
11. v-on事件函数中传入参数:(1)如果事件直接绑定函数名称，那么默认会传递事件对象作为事件函数的第一个参数(2)如果事件绑定函数调用，那么事件对象必须作为最后一个参数显示传递，并且事件对象的名称必须是$event
12. 事件修饰符:在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求.Vue 不推荐我们操作DOM 为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符 ,修饰符是由点开头的指令后缀来表示的

    <!-- 阻止单击事件继续传播 -->
    <a v-on:click.stop="doThis"></a>
    
    <!-- 提交事件不再重载页面 -->
    <form v-on:submit.prevent="onSubmit"></form>
    
    <!-- 修饰符可以串联   即阻止冒泡也阻止默认事件 -->
    <a v-on:click.stop.prevent="doThat"></a>
    
    <!-- 只当在 event.target 是当前元素自身时触发处理函数 -->
    <!-- 即事件不是从内部元素触发的 -->
    <div v-on:click.self="doThat">...</div>

    使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用 v-on:click.prevent.self 会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。

13. 按键修饰符:Vue 允许为 v-on 在监听键盘事件时添加按键修饰符                                                                                           常用的按键修饰符
    .enter =>    enter键
    .tab => tab键
    .delete (捕获“删除”和“退格”按键) =>  删除键
    .esc => 取消键
    .space =>  空格键
    .up =>  上
    .down =>  下
    .left =>  左
    .right =>  右

14. 自定义按键修饰符别名:在Vue中可以通过config.keyCodes自定义按键修饰符别名