Vue指令系统之v-if和v-on
方法/步骤
1
打开WebStorm开发工具,新建‘test.html’,将vue.js文件放在同个目录,引入vue.js文件
3
在浏览器查看效果,页面打印出hello
4Title
使用v-if,隐藏上面的hello,代码如下:
外层div
{{msg}}
5
在浏览器中打开,只显示处 外层div ,hello并隐藏了。
6Title
添加一个Button使点击按钮时,hello能显示出来,代码如下:
外层div
{{msg}}
7
在查看,点击按钮,hello又显示出来了
上一篇:vue组件之间通信:子传父