岑巩网站建设,wap网站乱码,广州推广seo,建设部网站官网考试在我们Vue当中有两种数据绑定的方法 1.单向绑定 2.双向绑定
让我为大家介绍一下吧#xff01;
1、单向绑定(v-bind)
数据只能从data流向页面 举个例子#xff1a;
!DOCTYPE html
html langen
headmeta charsetUTF-8…在我们Vue当中有两种数据绑定的方法 1.单向绑定 2.双向绑定
让我为大家介绍一下吧
1、单向绑定(v-bind)
数据只能从data流向页面 举个例子
!DOCTYPE html
html langen
headmeta charsetUTF-8title/title
/head
bodydiv idroot单向绑定input typetext v-bind:valuename/div
/body
script src../JS/vue.js/script
scriptVue.config.productionTip false //阻止生产提示const vm new Vue({el:#root,data:{name:张三}})
/script
/html2.双向绑定(v-model)
数据不仅能从data流向页面还可以从页面流向data 注意双向绑定一般都应用在表单类元素上(如:input、select等).v-model:value 可以简写为 v-model因为v-model默认收集的就是value值。
我们来用用双向绑定
!DOCTYPE html
html langen
headmeta charsetUTF-8title/title
/head
bodydiv idroot单向绑定input typetext v-bind:valuenamebrbr双向绑定input typetext v-model:valuename/div
/body
script src../JS/vue.js/script
scriptVue.config.productionTip false //阻止生产提示const vm new Vue({el:#root,data:{name:张三}})
/script
/html感谢大家的阅读如有不对的地方可以向我提出感谢大家