4种vue当中的指令和它的用法


1、v-if:判断是否隐藏

2、v-for:数据循环

3、v-bind:class:绑定一个属性

4、v-model:实现数据双向绑定

这里重点说明一个v-if和v-show的区别:

共同点:都是通过判断绑定数据的true/false来展示的

不同点:v-if只有在判断为true的时候才会对数据进行渲染,如果为false代码删除。除非再次进行数据渲染,v-if才会重新判断。可以说是用法比较倾向于对数据一次操作。
    v-show是无论判断是什么都会先对数据进行渲染,只是false的时候对节点进行display:none;的操作。所以再不重新渲染数据的情况下,改变数据的值可以使数据展示或隐藏


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM