VUE框架常用指令

内容渲染指令：  v-html / v-text        将值解析成DOM结构，并覆盖当前节点原有的内容

                        区别是：html能解析标签而text只能解释字符串。

属性绑定指令：v-bind   简写形式“:” ，动态绑定标签属性的值；该指令通常使用在class、style、title属性。

事件绑定指令：v-on  简写形式"@"，绑定触发的事件类型，接收需要调用的方法名；接收多个方

        法时用逗号隔开。

        传递参数：不传参数时，默认第一个形参就是事件对象；有参数数，传递$event代表事件对  

        象。

        事件修饰符：        .shop 阻止冒泡        .capture   捕获模式        .once  只触发一次事件

                                     .prevent 阻止默认行为   .passive不阻止默认事件    .self只在自身触发        

双向绑定指令：v-model   该指令通常用在表单标签里面。v-model会忽略所有表单元素value、

                checked、selected的初始值，而是将vue实例的数据（data）作为数据来源。

                修饰符：  .lazy数据修改完之后才改变逻辑层的数据   .number自动将用户的输入转为数值型   .trim自动过滤用户输入的首末位空格。

条件渲染指令： v-if / v-else-if   /v-else        /v-show

                通过判断布尔值的真假来决定是否要渲染当前节点，区别在于v-if是改变节点数，而v-show是操作样式display。

列表渲染指令：v-for 指令基于一个数组或对象来渲染一个当前标签列表。