素材牛VIP会员
vue-cli 开发多页面应用,数据请求和传输的问题
 风***飞  分类:JavaScript  人气:970  回帖:2  发布于6年前 收藏

我使用 vue-cli 开发多页面应用,没有使用 router ,于是我现在只能在 main.js 里面 Vue 实例化的时候通过 Vue 的生命钩子进行请求数据。现在数据请求到了,如何将数据传给 app.vue?以下是代码:
不限于如何传数据给 app.vue 如何能在 app.vue 中请求数据也可以。

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
import App from './App'
// import router from './router'
import mock from '@/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 = false

var vm = new Vue({
    el: '#app',
    // router,
    template: '<App/>',
    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)垃圾回帖将一律封号处理……

Lv7 码师
Sl***rk 软件测试工程师 6年前#1

let Event = new Vue();

// 监听
Event.$on('xxx', function (a) {});

// 触发
Event.$emit('xxx', a);

Lv5 码农
zz***25 其它 6年前#2

不是很懂题主的意思,既然你用了vue-cli开发多页面应用,大概的意思就是,每一个页面都会有一个独立的 js 入口,每个js都会有一个vue根实例,根实例包含着多个.vue 组件。
就上面的main.js 而言

  • 如何能在 app.vue 中请求数据 ?
    把beforeMount写到app.vue 就好啦。
  • 如何传数据给 app.vue ?
    父组件通过props向下传值给app.vue。
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取