vue.js - vue-router报错
本文介绍了vue.js - vue-router报错的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
用vue-cli做一个项目, 需要用到vue-router作页面导航
现在的问题是, 一切都按照教程来的, 但控制台报错vue-router.js?e71f:745 [vue-router] <router-view> can only be used inside a router-enabled app.
html代码如下:
<body id="app">
<p>
<a v-link="{ path: '/mainFrame' }">Go to mainFrame</a>
<br>
<a v-link="{ path: '/schedule' }">Go to Schedule</a>
</p>
<router-view></router-view>
JS:
// resources 引入资源
import Vue from 'vue'
import VueRouter from 'vue-router'
// components 引入组件和store
import mainFrame from './components/App'
import schedule from './components/schedule'
import store from './vuex/store'
// make vue aware of imported resrouces
Vue.use(VueRouter)
new Vue({
el: 'body',
store,
})
var App = Vue.extend({});
var router = new VueRouter();
router.map({
'/mainFrame': {
component: mainFrame
},
'/schedule': {
component: schedule
}
})
router.start(App, '#app');
一切都没问题, 但就是报错, 好像vue-router没有挂载上似的。 求解!
解决方案
不是吧, vue-router 会自己创建vue实例的https://github.com/TIGERB/eas...
这篇关于vue.js - vue-router报错的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文