问题:通过vuecli3 创建vue项目,vue create 项目名字 项目中添加路由的组件,项目运行出现错误
解答:
可能1 router->index.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../components/Home'
import About from '../components/About'
// 1、通过Vue.use(插件名) 安装插件
Vue.use(VueRouter);
// 2、创建VueRouter对象
const routes = [
{
path: '/home',
component: Home
},
{
path: '/about',
component: About
}
]
// 3、配置路由和组件之间映射关系
const router = new VueRouter({
routes
})
// 4、将router对象传入Vue实例
export default router
可能2 main.js
router挂载vue实例中
main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App),
}).$mount('#app')
可能3:
创建vue项目不包含路由的操作,由于router-view组件属于 router里面,若是当前项目仅仅是demo,没有路由操作 也会报错