vuejs指令有哪些

这篇文章主要介绍了vuejs指令有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

网站建设哪家好,找成都创新互联!专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了台江免费建站欢迎大家使用!

v-if

v-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false,那么对应的元素就会从DOM中移除;否则,对应元素的一个克隆将被重新插入DOM中,代码如下:


 Hello!

 var exampleVM2 = new Vue({  el: '#example-2',  data: {  greeting: true  }  })

由于v-if是一个指令,需要将它添加到一个元素上。但是如果想要切换多个元素,则可以把

 var exampleVM2 = new Vue({  el: '#example-2',  data: {  greeting: true  }  })

v-show

v-show指令是根据表达式的值来显示或者隐藏HTML元素。当v-show赋值为false时,元素被隐藏。查看DOM时,会发现元素上多了一个内联样式。

如图所示:

vuejs指令有哪些

注:v-show不支持