vue.js学习笔记，vue如何生成页面

1、.vue 页面经过webpack打包工具，生成对应的 .html .js .css文件

3、Vue.js组件的重要选项

》data

Vue所有的数据都是放在data里面的（model层），新建一个Vue对象时，其参数也是一个对象data

》methods

存放Vue的方法，该方法可以取到data里面的数据。

》watch

监听作用，监听data里面的数据，或者页面元素，在发生特性动作时执行相应的方法。

3、Vue对象设置通过HTML指令进行关联

模板指令（优势：双向绑定，自动更新）

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

》控制模块隐藏： v-if v-show

区别：v-if 不进行渲染，v-show是经过渲染的，在CSS里用display： none达到相应的效果

》渲染循环列表： v-for

》事件绑定： v-on

可将元素绑定到事件（methods里的一个方法），两种写法 ：v-on：click=“dothis” or @click=”dothis”

》属性绑定：v-bind

v-bind:src = “imageSrc” (全写)

:calss = “{red:isRed}” （略写）