vue的生命周期中创建echarts失效

简介: 1. 在beforeCreate、created、beforeMount三个钩子 中,创建echarts实例会失效。 2. 失效原因猜测:由于beforeCreate、created、beforeMount这三个周期是在挂载结束之前的生命周期中。

1. 在beforeCreate、created、beforeMount三个钩子 中,创建echarts实例会失效。

 

2. 失效原因猜测:由于beforeCreate、created、beforeMount这三个周期是在挂载结束之前的生命周期中。通过debugger逐步运行,可以看出,在这三个周期 中,echarts的实例是被创建了的,但是没有数据。在echarts创建之后,vue的相关代码继续运行,到vue实例,被挂载后,页面刷新一次,echarts的实例被覆盖。

这个是我目前的个人看法,如果说得不对,希望大佬指出

相关文章
|
27天前
|
JavaScript
vue实例的data属性,可以在哪些生命周期中获取到
Vue实例的`data`属性在`beforeCreate`、`created`和`beforeMount`阶段已可访问。此时,虽能使用数据,但事件监听和DOM操作不可行。`beforeCreate`时数据可访问,但未初始化观测和事件;`created`时数据完全可用,但未挂载到DOM;`beforeMount`时仍可访问数据,DOM挂载未开始。
29 3
|
1月前
|
JavaScript API 开发者
vue3的生命周期
Vue3 保留了大部分 Vue2 的生命周期钩子,`同时引入了 Composition API`,为开发者提供了更灵活的逻辑复用和组织方式。以下是 Vue3 中组件生命周期的详细介绍
|
2月前
|
JavaScript 算法 前端开发
vue + echarts实现国省市三级下钻联动
vue + echarts实现国省市三级下钻联动
63 0
|
1月前
|
JavaScript
在vue中,在哪个生命周期内调用异步请求?
在vue中,在哪个生命周期内调用异步请求?
25 0
|
1月前
|
JavaScript
在vue中,Vue 的父组件和子组件生命周期钩子函数执行顺序?
在vue中,Vue 的父组件和子组件生命周期钩子函数执行顺序?
15 0
|
1月前
|
JavaScript
在vue中,谈谈你对 Vue 生命周期的理解?
在vue中,谈谈你对 Vue 生命周期的理解?
17 0
|
17天前
|
JavaScript
Vue引入Echarts图表的使用
Vue引入Echarts图表的使用
|
21天前
|
JavaScript 前端开发 测试技术
|
1月前
|
Web App开发 前端开发 JavaScript
Spring Boot整合 mybatisplus(后端) Vue+echarts+Element UI+axios(前端)---前后端项目实例demo
Spring Boot整合 mybatisplus(后端) Vue+echarts+Element UI+axios(前端)---前后端项目实例demo
27 1
|
1月前
|
JavaScript
vue的实例生命周期?
vue的实例生命周期?
10 0