vue数据绑定
vue中有两种数据绑定:
1.单向绑定(v-bind):数据只能从data送到页面。
2.双向绑定(v-model):数据不仅能从data送到页面,还能从页面送到data。
注意项:双向绑定一般都应用在表单类元素上面
v-model:value 可以直接写成v-model 因为它本身默认收集的就是value值。
<div id ="Dataclass">
单向绑定:<input type="text" v-bind:value="name">
双向绑定:<input type="text" v-model:value="name">
<script>
Vue.config.productionTip =false
new Vue({
el:'#Dataclass',
data:{
name:'xxx'
}
})
</script>