为了账号安全,请及时绑定邮箱和手机立即绑定

vue-cli 开发多页面应用,数据请求和传输的问题

vue-cli 开发多页面应用,数据请求和传输的问题

郎朗坤 2019-05-24 10:13:40
我使用vue-cli开发多页面应用,没有使用router,于是我现在只能在main.js里面Vue实例化的时候通过Vue的生命钩子进行请求数据。现在数据请求到了,如何将数据传给app.vue?以下是代码:不限于如何传数据给app.vue如何能在app.vue中请求数据也可以。importVuefrom'vue'importaxiosfrom'axios'importVueAxiosfrom'vue-axios'importAppfrom'./App'//importrouterfrom'./router'importmockfrom'@/utils/index.js'import'@/assets/normalize.css'import'@/assets/common.css'import'@/assets/icon.css'axios.defaults.url='http://rap2api.taobao.org/app/mock/2006/'Vue.use(VueAxios,axios)Vue.config.productionTip=falsevarvm=newVue({el:'#app',//router,template:'',components:{App},data:{data:{}},beforeMount:function(){let_this=this;Vue.axios.get('/index/articleList').then((res)=>{res&&(_this.$data.data.articleList=res.data.articleList);});}});
查看完整描述

2 回答

?
慕桂英3389331

TA贡献2036条经验 获得超8个赞

不是很懂题主的意思,既然你用了vue-cli开发多页面应用,大概的意思就是,每一个页面都会有一个独立的js入口,每个js都会有一个vue根实例,根实例包含着多个.vue组件。就上面的main.js而言
如何能在app.vue中请求数据?把beforeMount写到app.vue就好啦。
如何传数据给app.vue?父组件通过props向下传值给app.vue。
                            
查看完整回答
反对 回复 2019-05-24
  • 2 回答
  • 0 关注
  • 362 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号