使用vue-cli怎么监听组件加载完成

使用vue-cli怎么监听组件加载完成？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

1、安装vuex

npm install vuex --save

2、在项目目录下找到store.js文件

import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex)  //监听nav模块加载完 const m_classifyone = {  state: {  count:0  },  mutations: {   increment (state) {   state.count++  }  } } const store = new Vuex.Store({ modules: {  a: m_classifyone,  b: m_classifyonepage,  c:currentpage  } }) export default store;

3、在子组件中

created(){ //数据请求完成后 this.$post(address.addr+controll.mallcontroll+'/getMallHome').then(message => { //这里使用箭头函数是为了不改变this指向 this.$store.commit('increment'); })  }

4、通过store判断子组件数据加载完成

mounted(){ //通过store判断当前组件是否加载完成，加载完成执行页面框架 var count = 0; let countfn = function(count){ if(count>0){ //子组件加载完成清除计时器，调用方法 clearInterval(st) pagef.pageFramefn(); } } let st = setInterval(e => { count = this.$store.state.a.count; countfn(count) }) //通过store判断当前组件是否加载完成，加载完成执行页面框架 }

看完上述内容，你们掌握使用vue-cli怎么监听组件加载完成的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！