生命周期函数(四对,创建、挂载、更新、销毁)
-
生命周期函数名字不可更改,逻辑可自己填写。它的this指向vm或组件对象实例
-
mounted:与methods和data平级,Vue完成模板的解析并把初始的真实DOM元素放入页面后调用mounted
-
常用的生命周期钩子:
- mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等初始化操作。
- beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等收尾工作。
关于销毁Vue实例:
- 销毁后借助Vue开发者工具看不到任何信息。
- 销毁后自定义事件会失效,但原生DOM事件依然有效。
- 一般不会在beforeDestroy操作数据,因为即便操作数据,也不会再触发更新流程了。
组件化编程
组件:实现应用中局部功能代码和资源的集合
使用组件:创建组件:const 组件名 = Vue.extend({配置里面不可以写el;data必须写成函数}), 可简写为:const school = options——在components里注册 或 全局注册组件:Vue.component(‘name’,{配置})——引入组件标签
组件中的data写成函数式,return{} (使用多次)每次使用的时候返回的都是一个全新的内容,修改不影响其他
组件嵌套:组件在谁里面定义的就要在哪个里面去使用