一、双向数据绑定v-model指令可以实现数据的双向绑定,也就是说如果input标签添加v-model指令后,在页面上修改input内的文本,会直接改变v-model绑定的变量,示例代码如下所示:bodydivid=apph1数据绑定:{{message}}/h1inputtype=textv-model=message/divscriptsrc=../../script/vue.js/scriptscriptnewVue({el:#app,data:{message:}})/script/body二、提交表单利用双向数据绑定完成表单提交的操作三、更多表单控件下拉菜单单选框复选框四、课后练习实现一个用户注册功能,点击注册按钮,在控制台输出所有注册用户的信息,信息具体内容如下:用户名密码邮箱性别兴趣爱好:篮球、足球、羽毛球。实现一个表格数据的添加与删除。
转载请注明:http://www.aierlanlan.com/tzrz/6508.html