vue2.0 路由不显示router-view的解决方法
更新时间：2018年03月06日 14:39:05 作者：zy1281539626
下面小编就为大家分享一篇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
});
/* eslint-disable */
const app = new Vue({
router,
render: h => h(App)
}).$mount('#app');
//默认跳转到 '/goods'
router.push('/goods');
这里/* eslint-disable */ 是eslint代码检查，不加这个又是会报错 app没有使用。
以上这篇vue2.0 路由不显示router-view的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue-cli项目如何使用vue-resource获取本地的json数据（模拟服务端返回数据）
这篇文章主要介绍了vue-cli项目如何使用vue-resource获取本地的json数据（模拟服务端返回数据），具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
下面小编就为大家分享一篇在vue项目中,使用axios跨域处理，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
如何利用vue+vue-router+elementUI实现简易通讯录
这篇文章主要介绍了如何利用vue+vue-router+elementUI实现简易通讯录，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
在使用vue-router的项目中,实例化VueRouter是其配置选项routes该选项指定路由与视图的组件的关系或者路由与其他路由的关系，Router配置选项中是其中最重要的配置。本文就详细的介绍一下2021-10-10
这篇文章主要为大家详细介绍了前端框架Vue.js中Directive知识，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要介绍了Vue Promise解决回调地狱问题，总的来说这并不是一道难题，那为什么要拿出这道题介绍？拿出这道题真正想要传达的是解题的思路，以及不断优化探寻最优解的过程。希望通过这道题能给你带来一种解题优化的思路2023-01-01
这篇文章主要为大家介绍了vue3自定义指令实现按钮防抖示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
echarts 使用formatter 修改鼠标悬浮事件信息操作
这篇文章主要介绍了echarts 使用formatter 修改鼠标悬浮事件信息操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了vue-cli@3.0 使用及配置说明,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-05-05
这篇文章主要介绍了Vue3中的ref和reactive响应式,本节主要介绍了响应式变量和对象，以及变量和对象在响应式和非响应式之间的转换，需要的朋友可以参考下2022-08-08
最新评论