Vue生命周期方法

1.什么是生命周期方法?

和wbpack生命周期方法一样, 都是在从生到死的特定阶段调用的方法

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

2.Vue生命周期方法分类

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

        created:

        beforeMount:

        mounted:

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

        updated:

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

        destroyed：

生命周期方法示意图

3.Vue---特殊特性

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

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

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

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

我是段落

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

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

ref添加到组件上, 拿到的就是组件

4.Vue---组件渲染方式

1.Vue渲染组件的两种方式

    1.1先定义注册组件, 然后在Vue实例中当做标签来使用

    1.2先定义注册组件, 然后通过Vue实例的render方法来渲染

2.两种渲染方法的区别

    1.1当做标签来渲染, 不会覆盖Vue实例控制区域

    1.2通过render方法来渲染, 会覆盖Vue实例控制区域