如何利用Vue.js库中的v-show显示和隐藏元素

2024-10-14 18:02:30

1、第一步,创建静态页面vshow.html,并修改title内容“Vue.js之v-show指令”,如下图所示:

如何利用Vue.js库中的v-show显示和隐藏元素

3、第三步,在body元素内部插入一个div,div标签内部插入三个p元素,分别加上v-if、箪滹埘麽v-else和v-show,如下图所示:

如何利用Vue.js库中的v-show显示和隐藏元素

5、第五步,预览该静态页面,这时会发现显示内容,如下图所示:

如何利用Vue.js库中的v-show显示和隐藏元素
猜你喜欢