Vue核心与Vue生命周期

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。

生命周期
1.又名生命周期回调函数 生命周期函数 生命周期钩子
2.是Vue在关键时刻帮我们调用的一些特殊名称的函数
3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的
4.生命周期函数中的this指向是vm或组件实例对象

生命周期钩子 = 生命周期函数 = 生命周期事件

Vue生命周期方法分类

    创建期间的生命周期方法beforeCreate:

        created:

        beforeMount:

        mounted:

    运行期间的生命周期方法beforeUpdate:

        updated:

    销毁期间的生命周期方法beforeDestroy:

        destroyed：

Vue---特殊特性

1.Vue特殊特性Vue特点: 数据驱动界面更新, 无需操作DOM来更新界面

也就是说Vue不推荐我们直接操作DOM, 但是在企业开发中有时候我们确实需要拿到DOM操作DOM

那么如果不推荐使用原生的语法获取DOM, 我们应该如何获取DOM?

在Vue中如果想要拿到DOM元素我们可以通过ref来获取2.ref使用2.1在需要获取的元素上添加ref属性. 例如: <p ref="mypp">我是段落

2在使用的地方通过 this.$refs.xxx获取, 例如this.$ref.myppp

3.ref特点ref添加到元素DOM上, 拿到的就是元素DOM,ref添加到组件上, 拿到的就是组件