这篇文章主要介绍了vue2.0路由不显示router-view怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
今天学习vue2.0 的 router-view , 爆出的错误不计其数,不知道哪位大神写的router-view,配置的参数竟然不是router,而是routes =_=||
这是花了一上午整出来的main.js,还有网上的同道们的提醒:
import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './App';
import goods from './components/goods/goods';
Vue.config.productionTip = false;
Vue.use(VueRouter);
const routes = [
{path: '/goods', component: goods}
];
const router = new VueRouter({
routes
});
const app = new Vue({
router,
render: h => h(App)
}).$mount('#app');
//默认跳转到 '/goods'
router.push('/goods');
这里 是eslint代码检查,不加这个又是会报错 app没有使用。
感谢你能够认真阅读完这篇文章,希望小编分享的“vue2.0路由不显示router-view怎么办”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网行业资讯频道,更多相关知识等着你来学习!