第四章：Vue.js入门基础

1 从.vue到页面

分为三个部分：template模板（视图），script业务逻辑，style样式

Vue.js组件的重要选项

id 对应vue对象中的 el，以{{data数据中的key值}}的方式做数据绑定，渲染页面。

一个Vue对象中包含三个部分：data数据，methods方法函数，watch监听函数

2模板指令
-html和vue对象的粘合剂

数据渲染：v-text、v-html、{{}}

小结

new 一个vue对象的时候你可以设置它的属性，其中最重要的包括三个，分别是data，methods，watch

其中data代表vue对象的数据，methods代表vue对象的方法，watch设置对象监听的方法

vue对象里的设置通过html指令进行关联

重要的指令包括

• v-text渲染数据
• v-if 控制显示
• v-on 绑定事件
• v-for 循环渲染等