Vue属性和生命周期

属性

1. name：组件的名称

2. props：父组件传值给子组件（可以是单个值，也可以是一个对象，或者数组等）

3. data：Vue实例的数据对象

4. computed：称为计算属性，用来控制该组件自己的变量，该变量不在data里面声明，直接在computed里面定义，然后经过一系列的计算等操作之后，返回。所以，computed比较适合对多个变量或者对象进行处理后返回一个结果的值。如果data中的数据不改变的话，直接从缓存中获取结果；否则重新执行

5. methods：Vue实例方法，例如：点击某个按钮执行相应的方法，每次都得重新执行

6. watch：vue提供的一种来监听实例上数据变动的属性——监听属性watch。常用的是handler回调，每次都得重新执行。当需要的数据在异步变化或者开销较大时，在执行更新的时候，使用watch会更好一些

7. template：组件模板

生命周期

1. beforeCreate：初始化，实际在代码里主要做了以下几件事情：
   （1）处理该实例的初始化选项
   （2）初始化生命周期
   （3）初始化事件
   （4）初始化render函数

2. created：在上面的初始化完成之后执行的

3. beforeMount：在将模板渲染到显示页面之前会执行

4. mounted：挂载，在模板渲染到前端页面之后执行mounted

5. beforeDestroy：在vue实例的生命周期结束前执行

6. destroyed：在vue实例的生命周期结束后执行

以上两个函数一般不会自动运行，需要通过执行vm.$destroy()才会执行

7. beforeUpdate：是在数据改变之前执行

8. updated：是在数据改变之后执行