vue2.0 路由不显示router-view的解决方法


Posted in Javascript onMarch 06, 2018

今天学习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的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
纯js实现无限空间大小的本地存储
Jun 18 Javascript
JavaScript基本语法学习教程
Jan 14 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
Feb 25 Javascript
微信小程序 css使用技巧总结
Jan 09 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
Aug 19 Javascript
微信小程序实现时间进度条功能
Nov 17 Javascript
微信小程序swiper左右扩展各显示一半代码实例
Dec 05 Javascript
JS原型和原型链原理与用法实例详解
Feb 05 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
js实现文章目录索引导航(table of content)
May 10 Javascript
解决VueCil代理本地proxytable无效报错404的问题
Nov 07 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
Jan 06 Javascript
解决vue-router进行build无法正常显示路由页面的问题
Mar 06 #Javascript
解决vue打包项目后刷新404的问题
Mar 06 #Javascript
写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab
Mar 06 #Javascript
vue使用xe-utils函数库的具体方法
Mar 06 #Javascript
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 #jQuery
angular4 JavaScript内存溢出问题
Mar 06 #Javascript
webpack+vuex+axios 跨域请求数据的示例代码
Mar 06 #Javascript
You might like
php读取数据库信息的几种方法
2008/05/24 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
PHP浮点比较大小的方法
2016/02/14 PHP
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
2012/06/18 Javascript
js replace 与replaceall实例用法详解
2013/08/03 Javascript
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
JavaScript中的数值范围介绍
2014/12/29 Javascript
javascript中hasOwnProperty() 方法使用指南
2015/03/09 Javascript
javascript实现textarea中tab键的缩排处理方法
2015/06/26 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
JavaScript实现复制内容到粘贴板代码
2016/03/31 Javascript
用AngularJS的指令实现tabs切换效果
2016/08/31 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
jQuery阻止移动端遮罩层后页面滚动
2017/03/15 Javascript
配置nodejs环境的方法
2017/05/13 NodeJs
详解vue.js之绑定class和style的示例代码
2017/08/24 Javascript
详解微信小程序的 request 封装示例
2018/08/21 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
2020/02/27 Javascript
Vue中keep-alive的两种应用方式
2020/07/15 Javascript
请不要重复犯我在学习Python和Linux系统上的错误
2016/12/12 Python
python实现隐马尔科夫模型HMM
2018/03/25 Python
flask框架单元测试原理与用法实例分析
2019/07/23 Python
详解python破解zip文件密码的方法
2020/01/13 Python
Python 常用日期处理 -- calendar 与 dateutil 模块的使用
2020/09/02 Python
美国百年历史早餐食品供应商:Wolferman’s
2017/01/18 全球购物
阿里云:Aliyun.com
2017/02/15 全球购物
会计电算一体化个人简历的自我评价
2013/10/15 职场文书
法学研究生自我鉴定范文
2013/12/04 职场文书
采购人员的个人自我评价
2014/01/16 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
现金出纳岗位职责
2014/03/15 职场文书
安全教育月活动总结
2014/05/05 职场文书
开展党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
老干部局2015年度工作总结
2015/10/22 职场文书
大队委员竞选稿
2015/11/20 职场文书