多语言展示
当前在线:122今日阅读:23今日分享:25

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

Vue指令系统之v-if和v-on
方法/步骤
1

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

3

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

4

使用v-if,隐藏上面的hello,代码如下:            Title            

  外层div         
  {{msg}}         
     
       

5

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

6

添加一个Button使点击按钮时,hello能显示出来,代码如下:            Title            

  外层div         
  {{msg}}          
         
                      
      
       

7

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

推荐信息