专门做网站的公司 南阳,网站建设营改增,做直播网站有哪些,无锡免费网站制作v-model#xff0c;它其实就是一个语法糖#xff0c;作用就是双向绑定表单控件#xff08;radio, text,address,email,select,checkbox,textarea#xff09;
v-bind(简写形式:value值),用于绑定属性值#xff0c;只能实现数据的单项绑定。
template
div它其实就是一个语法糖作用就是双向绑定表单控件radio, text,address,email,select,checkbox,textarea
v-bind(简写形式:value值),用于绑定属性值只能实现数据的单项绑定。
template
div
!--输出 --
div classtxt{{ message }}/div
!--双向绑定 --
divinput typetext v-modelmessage //div
!--单向绑定 --
divinput typetext v-bind:valuemessage //div
!--双向绑定 v-model它实际上是下面这种写法的简写 --
div
input
typetext
v-bind:valuemessage
inputmessage $event.target.value
/
/div
/div
/template script
export default {
data() {
return {
message: 树欲静而风不止,
};
},
};
/script style scoped
div {
height: 30px;
}
.txt {
color: red;
}
/style 当我们修改第一个文本框中的内容时第二个文本框中的内容也会随之改变而当手改第二个文本框的内容时第一个文本框中的内容并不会随之改变。因为第一个文本相的是v-mode 双向数据绑定而第二个文本框使用的是v-bind 单向数据绑定。
