有关vue的绑定

1、单向绑定数据v-bind
你看到的 v-bind 特性被称为指令。指令带有前缀 v-

除了使用插值表达式{{}}进行数据渲染,也可以使用 v-bind指令,它的简写的形式就是一个冒号(:)

2、双向绑定数据v-model
data: {
searchMap:{
keyWord: '哪吒'
}
}
<!-- v-bind:value只能进行单向的数据渲染 -->
<input type="text" v-bind:value="searchMap.keyWord">
<!-- v-model 可以进行双向的数据绑定 -->
<input type="text" v-model="searchMap.keyWord">
<p>您要查询的是:{{searchMap.keyWord}}</p>

posted @ 2022-05-12 14:46  ssss-  阅读(55)  评论(0)    收藏  举报