Vue学习之v-if和v-on的示例

2024-10-15 16:02:27

1、打开WebStorm开发工具,新建‘test.html’,将vue.js文件放在同个目录,引入vue.js文件

Vue学习之v-if和v-on的示例

3、在浏览器查看效果,页面打印出hello

Vue学习之v-if和v-on的示例

5、在浏览器中打开,只显示处 外层div ,hello并隐藏了。

Vue学习之v-if和v-on的示例

7、在查看,点击按钮,hello又显示出来了

Vue学习之v-if和v-on的示例
猜你喜欢