过滤器、vue内置指令

一、过滤器

定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）

语法：

        1、注册过滤器：Vue.filter(name ,function(){})（全局过滤器）或new vue{filters:{}}

        2、使用过滤器：{{ xxx | 过滤器名}或者v-bind：属性 = “xxx | 过滤器名”   

备注：

        1、过滤器也可以接受额外参数，多个过滤器也可以串联

        2、并没有改变原本的数据，是产生新的对应数据    

二、指令

1. v-bind：单向绑定解析表达式，可简写为：xxx
2. v-model：双向数据绑定
3. v-for：遍历数组/对象/字符串
4. v-on：绑定事件监听，可简写为@
5. v-if：条件渲染（动态控制节点是否存在）
6. v-else：条件渲染
7. v-show：条件渲染
8. v-text：
   1. 作用：向其所在的节点中渲染文本内容。
   2. 与插值语法的区别：v-text会替换掉原节点中的内容，{{xxx}}不会
9. v-html:
   1. 作用：向指定节点中渲染包含html结构的内容
   2. 与插值语法的区别：
      1. v-html会替换系欸但中所有的内容
      2. v-html可以识别html结构
   3. 注意！！v-html有安全性问题
10. v-cloak：
    1. 本质是一个特殊属性，vue实例创建完毕并接管容器后，会删掉v-clock属性
    2. 使用css配合此属性可以解决网速慢时显示模板的问题
11.  v-once：
    1. v-once节点再初次动态渲染后就被视为静态内容
    2. 以后数据的改变不会引起v-once所在结构的更新，可以用于优化性能
12. v-pre：
    1. 跳过所在节点的编译过程
    2. 可利用其跳过：没有使用指令语法、没有使用插值语法的节点，会加快编译