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}” （略写）