平武建站

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不支持