vue 的常用指令 --及修饰符

1、v-if    判断是否动态向DOM 树添加或删除元素

2、v-for   循环  遍历数据进行渲染  不能与v-if 同用  在一个节点   ，v-for的优先级比v-if更高

3、v-show  它与v-if 都是控制显示隐藏  它是通过标签的CSS样式display的值是不是none，控制显示隐藏

v-html   ===渲染富文本

v-text  ===文本

4、v-on  用来绑定一个事件或者方法，简写方式是  @click=""

5 、v-bind： v-bind用来动态的绑定一个或者多个属性。没有参数时，可以绑定到一个包含键值的对象。常用于动态绑定class和style。以及href等。简写的方式是“:属性名=""”一个冒号

6、v-model --适用于在表单元素上，可以实现数据双向绑定 ，

7、v-cloak 防止加载闪烁   （插值闪烁）
 

修饰符：

.stop: 阻止事件冒泡：由内而外，通俗的将就是阻止事件将向上级DOM元素传递
.capture: 事件捕获：由外而内，在捕获阶段，事件从window开始，之后是document对象，一直到触发事件的元素。
.self: 当事件作用在元素本身时才会触发
.once:    只触发一次
.prevent:   阻止默认事件

·passive:      告诉浏览器你不想阻止事件的默认行为
·trim:      自动过滤用户输入的首尾空格   （中间不能）

语法：@事件名.修饰符=“方法名”