多语言展示
当前在线:302今日阅读:103今日分享:49

Vue学习之v-model使用

Vue学习之v-model使用
方法/步骤
1

打开WebStorm开发工具,新建‘test.html’文件,将vue.js放入同个目录内,并引入到页面。

2

在body内添加form标签,v-model只能用在form标签中,代码如下:                 Title       

                  

{{msg}}

     
       

3

打开页面,在input内输入内容,会在p标签中同步显示,这就是v-model的基本特性

5

打开页面,点击复选框内容时,会在p标签的数组中显示

6

将input标签改为单选框,代码如下:                 Title       

                           
                           

您的选择是{{msg}}

     
       

7

打开页面,点击单选框内容时,会在p标签的中显示

推荐信息