vue设置路由报错问题;
高洛峰
高洛峰 2016-10-31 10:09:17
0
1
997

从vue官方下载一个hello project,然后删除hello组件,开始设置单页面路由,main.js老是报错;

//mian.js文件
import Vue from 'vue'
import VueRouter from 'vue-router'
import routeConfig from './route-config'

Vue.use(VueRouter)

// create router
const router = new VueRouter()
router.map(routeConfig)
const App = Vue.extend(require('./App.vue'))
router.start(App, '#app')

路由文件

import Home from './components/Home.vue'
import About from './components/About.vue'

export default {
    'home': {
        component: Home
    },
    'about': {
        component: About
    }
}

app.vue文件

<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

然后报这个错误

1.png

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全員に返信(1)
三叔

应该放到index.html中,不然怎么把app.vue挂载到html中!
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート