博客

vue2有8个生命周期

beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
beforeDestory
destoryed

进入组件会执行的生命周期

beforeCreate(){
console.log(this.$el,this.$data)
 // 在Vue2中，this.$el是一个DOM元素，表示当前组件渲染的根元素。this.$data是一个对象，包含了当前组件的所有数据。这些数据可以通过模板或JavaScript代码进行访问和修改。this.$data对象中的属性与组件中定义的data选项中的属性一一对应，可以通过this.$data来访问和修改这些属性。需要注意的是，虽然可以使用this.$data来直接修改组件中的数据，但是在大多数情况下，应该使用Vue提供的响应式数据更新方法来修改数据，以确保组件的响应式更新能够正常工作。
// undefined undefined
}
created(){

// undefined {……}
}
beforeMount(){

// undefined {……}
}
mounted(){

// <div class="app"></div> {……}
}

父组件中引入子组件，生命周期的执行顺序

// 父 beforeCreate created beforeMount
 子1 beforeCreate created beforeMount mounted
 子2 ……
// 父 Mounted

发请求是放在created还是mounted中

这个问题具体看项目业务的情况，因为组件加载顺序是，父组件引入了子组件，那么就会先执行父的前三个生命周期，再执行子的前四个生命周期，
那么如果我们的业务是父组件引入子组件，并且优先加载子组件的数据，那么在父组件中当前的请求要放在mounted
如果当前组件对子组件没有依赖关系，放在哪个生命周期都可以

为什么发请求不在beforeCreated中？beforeCreat和created有什么区别？

因为：如果请求是在methods封装好了，在beforeCreate调用的时候，beforeCreate阶段是拿不到methods里面的方法的（会报错）

在created中怎么获取dom

很简单，只要在beforeCreat中书写异步代码，在异步代码里就可以获取dom，（由于代码执行顺序原因，异步代码会在所有进入页面的四个生命周期都执行完了才会执行，）
//1、只要写异步代码，获取dom是在异步中获取的，就可以了
例如：setTimeout 请求， promise 等等
//2、使用vue系统内置的 this.$nextTick