介绍 npm install vuex ——保存 import Vue 得到& # 39;vue # 39;
import Vuex 得到& # 39;vuex& # 39;
Vue.use (Vuex)
,//监听导航模块加载完
const m_classifyone =, {
,状态:{
数:0
},
突变:,{大敌;
,increment (状态),{
,state.count + +
,}
,}
}
const store =, new Vuex.Store ({
模块:{
答:大敌;m_classifyone,
b:大敌;m_classifyonepage,
c:当前页
,}
})
export default 存储; 创建(){//数据请求完成后
美元。post (address.addr + controll.mallcontroll + & # 39;/getMallHome& # 39;),然后(message =祝辞,{//这里使用箭头函数是为了不改这个指变向
美元。store.commit(& # 39;增量# 39;);
}),
} 安装(){//通过商店判断当前组件是否加载完成,加载完成执行页面框架
var count =, 0;
let countfn =,函数(计算){
如果(count> 0) {//子组件加载完成清除计时器,调用方法
clearInterval (st)
pagef.pageFramefn ();
}
}
let st =, setInterval (e =祝辞,{
时间=count 这个。store.state.a.count美元;
countfn(计数)
})//通过商店判断当前组件是否加载完成,加载完成执行页面框架
}
使用vue-cli怎么监听组件加载完成?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
<强> 1,安装vuex
<强> 2,在项目目录下找到商店。js文件
<强> 3,在子组件中
<强> 4,通过商店判断子组件数据加载完成
看完上述内容,你们掌握使用vue-cli怎么监听组件加载完成的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!
