简单说说vue常见指令与知识点

Vue 中指令有哪些

v-for：循环数组，对象，字符串，数字

v-on：绑定事件监听

v-bind：动态绑定一个或者多个属性

v-model：表单控件或者组件上创建双向绑定

v-if v-else v-else-if 条件渲染

v-show 根据表达式真假，切换元素的 display

v-html 更新元素的 innerhtml

v-text 更新元素的 textcontent

v-pre 跳过这个元素和子元素的编译过程

v-clock 这个指令保持在元素上知道关联实例结束编译

v-once 只渲染一次

使用vue中的v-for时,为什么要绑定 :key?  如果不绑定会有什么效果？

        1、主要是用在vue的虚拟Dom算法，在新旧nodes对比时辨识VNodes，相当于唯一标识ID,

        2、vue会尽可能的高效的渲染元素，通常恢复已有的元素而不是从头开始进行渲染，因此使用key 值可以提高渲染效率，同理，改变某一个元素的key值会使该元素重新被渲染。

v-show 和 v-if 的作用和区别？

v-if是DOM渲染，通过添加或删除DOM节点来实现显隐效果

v-show是css渲染，通过添加或删除display:none;来实现显隐效果

        

v-bind 和 v-model的作用和区别？

v-bind动态绑定指令，用于绑定属性和数据，默认情况下标签自带属性的值是固定的，在为了能够动态的给这些属性 添加值，可以使用 v-bind:你要动态变化的值="表达式"

v-model用在表单控件上的，用于实现双向数据绑定，所以如果你用在除了表单控件以外的标签是没有任何效果的。