0
点赞
收藏
分享

微信扫一扫

vue的单向绑定和双向绑定

GG_lyf 2022-02-19 阅读 70

1.使用vue框架,可以通过绑定属性,绑定value,在页面显示或者获取值
2.v-bind(单向绑定)
 1)用于绑定属性

data{
	param : "a"
}
<a :href="'http://localhost:8080/shop?name='+a" />

3.v-model(双向绑定,主要用于表单)

data{
	param1 : "a",
	param2 : ""
}
<!--此时param2是a -->
<a :href="'http://localhost:8080/shop?name='+param1 " />
<input type="text" value="param1" v-model="param2 ">

4.差值表达式(单向绑定,主要用于展示内容,注意不要放在标签内)

data{
	param1 : "a"
}
<!--此时param2是a -->
<a :href="'http://localhost:8080/shop?name='+param1 " />
{{param1}}
举报

相关推荐

0 条评论