vue常用的指令

vue常用的指令

v-if是动态向dom中添加或删除元素
v-else 与 v-if、v-else-if搭配使用 否则不起作用

v-show通过css中的display属性来控制显示与隐藏

v-if更适合数据的筛选和初始渲染 v-show更适合元素的切换 若运行时条件不大可能改变用v-if较好
若需要频繁切换的话 用v-show较好

v-for 遍历数据进行渲染  配合key值使用 
若 v-for与v-if同一节点使用时
v-for会先执行 这意味着 v-if会运行在每个v-for循环中

注：一般情况下v-for是配合key值单独使用循环数据的
如若和v-if搭配使用希望各位友友看好v-for和v-if搭配使用时的情况 避免出错

v-on 绑定事件和方法 简写方式为：@click=" "

v-bind 动态绑定一个或多个属性 简写方式为 :属性名=" " 

v-model 适用于表单元素 实现双向数据绑定