Vue中beforeRouteEnterbeforeCreateCreated的执行时机&this在这三者中的值

Posted IT-CLASS

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中beforeRouteEnterbeforeCreateCreated的执行时机&this在这三者中的值相关的知识,希望对你有一定的参考价值。

首先从执行时机来看
beforeRouteEnter>beforeCreate>created

this在这三者中的值
beforeRouteEnter
此时组件还没有被创建,所以不能通过this拿到当前的组件实例,页面显示this的值为 undefind 。

beforeCreated

beforeCreate中可以获取到this,但是此时实例未初始化只能获取到this对象内以$开头的键值,若访问data中的属性时,会返回 undefind 。

Created
Created中可以获取到this,并且可以获取到this中data的值
————————————————
版权声明:本文为CSDN博主「李铁柱6」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/like896369216/article/details/124732950

vue中禁止页面发生滚动

参考技术A 在Vue组件一个属性, 用于存储禁止滚动函数(变量也行,目的是在实现的时候禁止滚动函数能指向同一内存地址)

mounted函数只是一个例子, 实际应用中可放入任何事件中进行测试

以上是关于Vue中beforeRouteEnterbeforeCreateCreated的执行时机&this在这三者中的值的主要内容,如果未能解决你的问题,请参考以下文章

【vue】在vue中使用高德地图API

vue中使用vue-awesome-swiper

在vue中使用防抖

Vue_Vue2的data()中数据,在vue3项目中怎么获取?

vue 中 与 &&的用法

在Vue中怎么使用cookie 之 vue-cookies