Vue(2)

1.构造vue

var vm=new Vue({option})

option：数据：data（数据），props（属性），propsdata，computed，methods（方法），watch（观察）

dom：el（容器），template（html内容），render（渲染），renderError

生命周期钩子（钩子:可以切入的点）

资源：directives（指令），filters（过滤），components（组件）

组合：parent，mixins，extends，provide，inject

其他：

2.具体属性介绍

el：挂载点，与id相同。

---

data：内部数据，可以是函数，可以是对象

data:{

n:0

}

data:funtion(){

return {n:0}

}

es6缩写语法 data(){

return {n:0}

}

data推荐采用函数

---

methods，方法

---

components 举例

使用组件

Vue组件：可以组合的物件

四个钩子：created mounted updated destroyed

props：外部属性，引入

在组件内部设置

再通过外部传值

如果需要传变量

方法和函数的区别

方法是面向对象概念，必须有一个对象

函数是数学概念

3.组件的引入形式

import Demo from './Demo.vue'

引用文件尽量小写，Demo尽量大写