今天主要学习vue的一些原理，尤其是vueComponent与Vue的关系，个人觉得值得反复回味，很巧妙

生命周期函数（四对，创建、挂载、更新、销毁）

1. 生命周期函数名字不可更改，逻辑可自己填写。它的this指向vm或组件对象实例

2. mounted:与methods和data平级，Vue完成模板的解析并把初始的真实DOM元素放入页面后调用mounted

3. 常用的生命周期钩子：

   • mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等初始化操作。
   • beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等收尾工作。

   关于销毁Vue实例：

   1. 销毁后借助Vue开发者工具看不到任何信息。
   2. 销毁后自定义事件会失效，但原生DOM事件依然有效。
   3. 一般不会在beforeDestroy操作数据，因为即便操作数据，也不会再触发更新流程了。

组件化编程

组件：实现应用中局部功能代码和资源的集合

使用组件：创建组件:const 组件名 = Vue.extend({配置里面不可以写el；data必须写成函数})， 可简写为：const school = options——在components里注册 或 全局注册组件：Vue.component(‘name’,{配置})——引入组件标签

组件中的data写成函数式，return{} （使用多次）每次使用的时候返回的都是一个全新的内容，修改不影响其他

组件嵌套：组件在谁里面定义的就要在哪个里面去使用

---

VueComp