《Vue.js实战》源码及答疑： ;

1.常用的生命周期函数：

created （创建时，挂载前）

mounted （挂载后）

beforeDestroy （实例销毁的时候。比如setInterval运行时候，离开当前页面需要停止，在beforeDestroy里执行clearInterval()）

2.数据绑定 

v-pre 可以避免对于他的子元素进行编译。如 <span v-pre> {

{ data }} </span>

3.关于v-bind:class

可以用 json 格式：{className:true}

可以用计算属性 computed 、 methods 、 data

当需要有多个class时，可以用数组语法[ object1 , object2 ]

同时也可以应用到组件上，但是注意：只能应用到根元素上，如果想应用到子元素，需要用props去传递

v-bind:style 和v-bind:class 用法类似

<p v-bind:style="{'color':color,'font-size':fontSize+'px'}">test</p>

4.内置指令

在用v-if，渲染元素的时候，元素是会被优先复用的，比如input里边输入的内容会被保留下来，如果不想元素被复用，可以用key属性来指定元素的唯一性。

5.关于组件

不要用内置HTML标签作为组件名称，比如‘map’。

VUE插件 

v-charts：

vue和echarts的结合，用起来很方便。

官方文档：;

引入方式：在对应的模块里，用这样的方式调用对应的模块 

import VeLine from 'v-charts/lib/line.common'

components:{VeLine,VePie}

通过 data 属性，把数据传入

<ve-pie :data="chartData"></ve-pie>