vue.js (vue.js)从外部引入路由配置不起作用

来源:互联网  时间:2016/8/19 0:23:47

关于网友提出的“vue.js (vue.js)从外部引入路由配置不起作用”问题疑问,本网通过在网上对“vue.js (vue.js)从外部引入路由配置不起作用”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题:vue.js (vue.js)从外部引入路由配置不起作用
描述:

主入口文件
src/main.js

import Vue from 'vue'
import App from './App'
import VueResource from 'vue-resource'
import todo from './pages/todo'
import hello from './pages/hello'
import VueRouter from 'vue-router'
import {routes} from './routes'
Vue.use(VueResource)
Vue.use(VueRouter)
var router = new VueRouter()
router.map({
  '/': {
    component: {
      template: '

默认

' } }, '/todo': { component: todo }, '/hello': { component: hello } }) console.log(routes) router.start(App, 'body')

src/routes/index.js

/**
 * Created by Administrator on 2016/8/16 0016.
 */
export default {
  routes: {
    '/': require('./home'),
    '/todo': require('./todo'),
    'hello': require('./hello')
  },
  alias: {
    // '/login/:username': '/login'
  }
}

控制台输出console.log(routes)undefined
求解,是不是还应该配置什么?


解决方案1:

import 和 export 用法不对,如果export default, 你那边应该是

import Config from 'xxx'
console.log(Config.routes)

如果你想 import { routes } from 'xxx'
那边应该写

let routes = {}

export routes

上一篇(vue.js)vue-strap这种下拉选框怎么改成两级?
下一篇react native是和做pc端的页面么?angularjs呢 ?
明星图片
相关文章
《vue.js (vue.js)从外部引入路由配置不起作用》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)