vue的重要指令

vue的重要指令

• v-if:根据表达式值的真假条件渲染元素，删除DOM元素后重建。其变量一般是true/false(隐藏/显示)
• v-show:根据表达式的真假值，修改元素的display属性，实现显示/隐藏
• v-for：循环指令
• v-model：表单数据的双向绑定，是一个语法糖，包括v-on和v-bind两个操作v-on:绑定一个value属性 v-bind:给当前元素绑定input事件
• v-on: @ 监听指定元素的DOM事件v-on可以监听多个方法
• v-bind: : 动态绑定 在标签上绑定属性值。 格式：:class :src :href 等
• v-once：只渲染元素和组件一次，随后的重新渲染
• v-loader:vue文件的一个加载器，将style/js/template转换成js模块

v-show和 v-if的异同点

• 共同点：都是控制元素的显示和隐藏
• 不同点：
  v-if : 是动态的向DOM树内添加或删除DOM元素，比较消耗性能
  v-show：修改元素的display实现显示/隐藏