vue actived钩子,echarts可拖拽

vue actived钩子,echarts可拖拽

Vuehook函数activatedisnottriggeredactivated()和deactivated()只有包裹在中才有效；1.两个newlifecyclehook路由组件有两个newlifecyclehook，分别是actived和deactived，分别代表激活和去激活。激活意味着该组件出现在我们眼前，去激活意味着该组件从我们眼前消失。

ˋ＾ˊ〉-# 调用activedhook函数，找出代码没有被执行的原因。后台技术选择：vue+vue-router+vuexStep1：在路由配置文件中设置keepAlive=true//index.jsimportVuefrom'vue'impvuelifecyclehook函数vuelifecycle是一个组件从生到死的完整周期，主要包括以下四个阶段：创建、挂载、更新、销毁。创建前：创建前，创建后：创建安装前：安装前，安装

当keep-alivecached组件被激活时，activedhookactivated(){this.getData()//获取data}，注意：avtive在server-siderendering期间不会被调用。1.keep-aliveinvue有什么作用？它有两个独立的生命周期钩子函数active和deactived。用keep-alive包裹的组件在切换时不会被销毁。相反，它们会缓存在内存中并执行deactivedhookfunction.Hitcache

beforeCreate：创建一个新的vue实例后，只有一些默认的生命周期钩子和默认事件，其他什么也没有创建。 当beforeCreate生命周期执行时，data和methods中的数据还没有被初始化。 服务端渲染时keep-alive组件激活时，无法调用Vue生命周期钩子函数的activatedActivated生命周期。

˙０˙ vue-routerroutinghook函数(navigationguard)：共有三个路由hook函数：globalhooks：beforeEach(globalpre-guard)、afterEach(globalpost-hook)路由独占guard(hookinasingleroute)：beforeEntergroup在组件1中，只执行activatedhook函数，而在组件2中，同时执行created和mounted的hook函数。 这就是缓存的原因。组件缓存组件，所以将不再执行创建和安装。 简单来说，激活