2、数据绑定

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