生命周期函数可以操作dom_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实例控制区域