-4 数据绑定

目录

一、单向绑定(v-bind)

二、双向绑定(v-model)

---

一、单向绑定(v-bind)

数据只能从 data 流向页面

<!-- 普通写法 -->
        单向数据绑定:<input type="text" v-bind:value="name">
<!-- 简便写法 -->
        单向数据绑定:<input type="text" :value="name">

---

二、双向绑定(v-model)

数据不仅能从 data 流向页面，还可以从页面流向 data

 备注:

        1、双向绑定一般都应用在表单类元素上(如 input , select 等)

        2、由于 v-model 默认收集的就是 value 值，因此可以简写

<!-- 普通写法 -->
双向数据绑定:<input type="text" v-model:value="name">
<!-- 简便写法 -->
双向数据绑定:<input type="text" v-model="name">

---