1、通过以下代码体验Vue.js最核心的功能-数据的双向绑定
Vue的核心特性之一是双向的数据绑定,关于如何进行数据的绑定下面来介绍一下
双向绑定.png
2、使用v-bind绑定data中的属性
v-blind.png
Vue语法糖的整理：
- el:element 需要获取的元素，一定是HTML中的根容器元素
- data:用于数据的存储
- methods:用于存储各种方法
- v-bind绑定属性简写就是一个冒号
- 数据双向绑定：
- data:{name:""}
<input type="text" v-model="name" ref="name">
补充一个知识点：获取vue获取input的value的方法--->this.$refs.name.value; - v-on：缩写为“@”
homework:
豆瓣.png
豆瓣图.png
网友评论