温馨提示：这篇文章已超过287天没有更新，请注意相关的内容是否还可用！
Vue.js是一种用于构建用户界面的渐进式JavaScript框架。在Vue加载时运行时，会执行一系列的生命周期钩子函数。这些钩子函数分为两类：创建阶段和挂载阶段。
在创建阶段，Vue会依次执行以下钩子函数：
1. beforeCreate：在实例初始化之后，数据观测和事件配置之前被调用。这个阶段主要用于初始化组件的一些配置。
new Vue({
beforeCreate() {
console.log('beforeCreate钩子函数被调用');
}
});
2. created：在实例创建完成后被立即调用。在这个阶段，实例已经完成了数据观测，属性和方法的运算，以及事件回调的设置。可以在这个阶段进行数据的异步请求和初始化操作。
new Vue({
created() {
console.log('created钩子函数被调用');
}
});
在挂载阶段，Vue会依次执行以下钩子函数：
3. beforeMount：在挂载开始之前被调用。在这个阶段，模板已经编译完成，但是还未将其渲染到页面上。
new Vue({
beforeMount() {
console.log('beforeMount钩子函数被调用');
}
});
4. mounted：在挂载完成之后被调用。在这个阶段，Vue实例已经将模板渲染到页面上，并且可以进行DOM操作。
new Vue({
mounted() {
console.log('mounted钩子函数被调用');
}
});
除了上述钩子函数，Vue还提供了其他一些钩子函数，如beforeUpdate、updated和beforeDestroy等。这些钩子函数分别在数据更新前后和实例销毁前被调用。
Vue加载时运行时会依次执行beforeCreate、created、beforeMount和mounted这些生命周期钩子函数。通过这些钩子函数，我们可以在不同的阶段进行一些初始化操作、数据请求以及DOM操作等。
需要注意的是，Vue的生命周期钩子函数是按照顺序依次执行的，因此在使用这些钩子函数时，需要注意它们的执行顺序和时机，以确保代码的正确执行和逻辑的合理性。
以上是Vue加载时运行和加载完执行的一些基本介绍和示例代码。深入理解Vue的生命周期可以帮助我们更好地掌握Vue的使用和开发。
