下面我就为大家分享一篇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没有使用。
上面是我整理给大家的,希望今后会对大家有帮助。
立即学习“前端免费学习笔记(深入)”;
相关文章:
JQuery选中select组件被选中的值方法
vue.js中$set与数组更新方法_vue.js
vue与vue-i18n结合实现后台数据的多语言切换方法
以上就是有关在vue2.0中路由不显示router-view方法(详细教程)的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2752521.html