vue组件以及vue组件的生命周期

vue的组件

一个 .vue后缀的文件就是一个vue组件

在项目的入口文件中 main.js 作为一个组件管理文件，在main.js里面引入其他组件

定义区域块（script、 template、sytle 分别为js，html，css区域快）

一个vue组件必须要导出 es6的导出 exprot defult

在main.js里面就可以在render里面可以使用

style代码块

使用scoped来声明的样式，仅供当前页面使用。不加的话，是全局的样式，是一个预样式

在一个vue组件中，需要引入其他组件，需要使用 components 单独定义

在和data同级的目录下

vue的生命周期 四对（8个） (重要)

四对：创建、挂载、更新、销毁

语义化名称：

//vue创建之前的生命周期，页面节点已经我们的数据，都没有完成初始化
beforeCreate (){  //创建前(不常用)
	//初始值和dom节点都拿不到
}
//vue创建之后的生命周期，初始话页面数据周期，常用的一个生命周期。页面初始话的ajax请求，常量的赋值
created(){  //创建后，创建Vue实例
    //初始值能拿到，dom节点拿不到
}
//vue挂载之前的生命周期
beforeMount(){  //挂载之前（没啥用）
    //初始值能拿到，dom节点拿不到
}
//vue挂载之后的生命周期
Mounted(){  //挂载之后
    //初始值，dom节点都能拿到
    //当前节点组件需要操作DOM的时候，可用这个生命周期。如：echarts、highChart、d3、antV、ht（ht.js）、thing.js初始化
}
//vue挂载更新之前的生命周期。绑定到页面DOM节点上的数据，发送变化的时候，才能触发这个这个生命周期（没有绑定到页面DOM节点上的数据，不会触发这个生命周期）
beforeUpdate(){ //更新之前 （没啥用）
    
}
//vue挂载更新之后的生命周期，在编辑页面，如果用户修改了当前页面数据后，在没有保存就退出页面的时候，我们提醒用户保存数据
Updated(){ //更新之后 （没啥用）
	   
} 
//销毁生命周期中（销毁前后），VNode对象已经从DOM上移出。
//销毁前生命周期，在销毁之前，Vnode并没有从虚拟DOM上销毁，在销毁之后会被彻底的移出
//echars,对象释放，定时任务，大数据对象（一个变量，存了上万条数据）移出  
//销毁  this.对象 = null 
befoteDestroy(){  //常用
	
}
//销毁后的生命周期
desrtoyed(){
    
}