指令
- v-text v-text='msg' 等价于{{msg}}
- v-on 就是@的缩写 动态地绑定点击事件
- 用
:
表示v-bind:
,@
表示v-on:
和用#
表示v-slot
- v-bind 是:的缩写 动态地绑定值
- v-pre 不让其编译,呈现原始的效果
<span v-pre>{{ this will not be compiled }}</span> --> {{ this will not be compiled }}
- v-cloak 编译结束了这个标签才会显示
- v-once 只渲染一次不是只执行一次
- v-memo 用数组作为标识之后检测如果变化就重新渲染否则跳过该节点
<div v-memo="[valueA, valueB]"> ... </div>
- v-is 在vue3.1.0中已经废弃
特殊的属性
key 用作一个标识,为之后的做虚拟DOM的算法提供依据,没有的话vue也会提供其他算法去优化重建
ref 用于获取DOM节点
vue的一些语法标准说明
- 基本组件:加特定的前缀如Base App V
- 单例组件:只在当前页面只使用一次如The前缀
- 父子组件:子组件的命名前应该带上父组件的整个名称
- 组件命名:开头是一般化描述单词如Search Settings以描述性的修饰词结尾如Clear Run
- 对于闭合组件:DOM模板中<my-component></my-component>;除DOM模板<my-component/>
- 组件的使用命名:使用-如
<my-component></my-component>
- 请求类选择器要比元素选择器更好,因为大量地使用元素选择器是很慢的。