Vue.js之再看官网新不懂不常用没关注

指令

1. v-text v-text='msg' 等价于{{msg}}
2. v-on 就是@的缩写 动态地绑定点击事件
3. 用 : 表示 v-bind:，@ 表示 v-on: 和用 # 表示 v-slot
4. v-bind 是:的缩写 动态地绑定值
5. v-pre 不让其编译,呈现原始的效果 

   <span v-pre>{{ this will not be compiled }}</span>
   --> {{ this will not be compiled }}

6. v-cloak 编译结束了这个标签才会显示
7. v-once 只渲染一次不是只执行一次
8. v-memo 用数组作为标识之后检测如果变化就重新渲染否则跳过该节点 

   <div v-memo="[valueA, valueB]">
     ...
   </div>

9. v-is 在vue3.1.0中已经废弃

特殊的属性

1. key 用作一个标识,为之后的做虚拟DOM的算法提供依据,没有的话vue也会提供其他算法去优化重建

2. ref 用于获取DOM节点

 vue的一些语法标准说明

1. 基本组件:加特定的前缀如Base App V
2. 单例组件:只在当前页面只使用一次如The前缀
3. 父子组件:子组件的命名前应该带上父组件的整个名称
4. 组件命名:开头是一般化描述单词如Search Settings以描述性的修饰词结尾如Clear Run
5. 对于闭合组件:DOM模板中<my-component></my-component>;除DOM模板<my-component/>
6. 组件的使用命名:使用-如

   <my-component></my-component>

7. 请求类选择器要比元素选择器更好，因为大量地使用元素选择器是很慢的。