Vue学习之v-model使用
方法/步骤
1
打开WebStorm开发工具,新建‘test.html’文件,将vue.js放入同个目录内,并引入到页面。
2Title
在body内添加form标签,v-model只能用在form标签中,代码如下:
3
打开页面,在input内输入内容,会在p标签中同步显示,这就是v-model的基本特性
5
打开页面,点击复选框内容时,会在p标签的数组中显示
6Title
将input标签改为单选框,代码如下:
7
打开页面,点击单选框内容时,会在p标签的中显示