Vue2学习（03）

1.生命周期与生命周期的四个阶段

• 创建阶段：响应式数据---发送初始化渲染请求（执行一次）
• 挂载阶段：渲染模板---操作dom（执行一次）
• 更新阶段：数据修改，更新视图（循环）
• 销毁阶段：销毁实例（关闭浏览器）

2.Vue生命周期函数（八大钩子函数）

阶段	前	后
创建阶段	before create	created
挂载阶段	before mount	mounted
更新阶段	before update	updated
销毁阶段	before destroy	destroyed

由于关闭浏览器无法观察是否真正销毁，可以在浏览器的控制台输入命令vue所影响的范围.destroyed()来卸载实例

这八大函数都是与data并列的，在卸载实例之前可以释放Vue以外的资源（定时器、延时器等）

主要记住created以及mounted：

created用来等响应式数据准备好之后发送初始化渲染请求的

mounted用来等dom元素渲染完成之后操作dom的

3.工程化开发

主要使用命令：

含义	yarn命令	npm命令
全局安装vue	yarn global add @vue/cli	npm i @vue/cli -g
查看vue版本	vue --version
创建项目架构	yarn create project-name(不能使用中文)
启动项目	yarn serve	npm run serve
下载软件包	yarn add 软件包名 -D（开发依赖）	npm i 软件包名

4.普通组件的注册使用

A.局部注册

步骤 ：

创建.vue文件（三个组成部分）---template、script、style

在使用的组件内导入并注册---import 组件对象 from '.vue文件路径'

//导入组件
import 组件对象 from '.vue文件路径'
	export default{
//局部注册
		components:{
			组件名:组件对象
		}
	}
//使用组件
`<组件名></组件名>`

B.全局注册 

步骤 ：

创建.vue文件（三个组成部分）---template、script、style

在main.js内导入并注册---import 组件对象 from '.vue文件路径'

//导入组件
import 组件对象 from  '.vue文件路径'

//全局注册
Vue.component('组件名', 组件对象)

//使用组件
`<组件名></组件名>`