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 相关文章推荐
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
Aug 28 Javascript
JQuery开发的数独游戏代码
Oct 29 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 Javascript
jQuery寻找n以内完全数的方法
Jun 24 Javascript
JS递归遍历对象获得Value值方法技巧
Jun 14 Javascript
JavaScript从0开始构思表情插件
Jul 26 Javascript
非常优秀的JS图片轮播插件Swiper的用法
Jan 03 Javascript
利用Node.js对文件进行重命名
Mar 12 Javascript
Angular 开发学习之Angular CLI的安装使用
Dec 31 Javascript
js实现蒙版效果
Jan 11 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
Aug 14 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 接口类与抽象类的实际作用
2009/11/26 PHP
Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码
2010/04/07 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
PHP通过get方法获得form表单数据方法总结
2018/09/12 PHP
PHP基于mcript扩展实现对称加密功能示例
2019/02/21 PHP
Extjs 继承Ext.data.Store不起作用原因分析及解决
2013/04/15 Javascript
使用Javascript简单实现图片无缝滚动
2014/12/05 Javascript
分享10个优化代码的CSS和JavaScript工具
2016/05/11 Javascript
微信QQ的二维码登录原理js代码解析
2016/06/23 Javascript
javascript鼠标滑过显示二级菜单特效
2020/11/18 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
2016/08/18 Javascript
JS+HTML5 FileReader对象用法示例
2017/04/07 Javascript
AngularJS全局警告框实现方法示例
2017/05/18 Javascript
BootStrap给table表格的每一行添加一个按钮事件
2017/09/07 Javascript
快速将Vue项目升级到webpack3的方法步骤
2017/09/14 Javascript
基于Vue渲染与插件的加载顺序的问题详解
2018/03/05 Javascript
Jquery让form表单异步提交代码实现
2019/11/14 jQuery
JavaScript简单编程实例学习
2020/02/14 Javascript
JavaScript进阶(一)变量声明提升实例分析
2020/05/09 Javascript
浅谈JS for循环中使用break和continue的区别
2020/07/21 Javascript
python执行等待程序直到第二天零点的方法
2015/04/23 Python
Python手机号码归属地查询代码
2016/05/04 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
Python 判断图像是否读取成功的方法
2019/01/26 Python
python在openstreetmap地图上绘制路线图的实现
2019/07/11 Python
Python搭建代理IP池实现获取IP的方法
2019/10/27 Python
HTML5时代CSS设置漂亮字体取代图片
2014/09/04 HTML / CSS
珍珠鸟教学反思
2014/02/01 职场文书
《挑山工》的教学反思
2014/02/16 职场文书
租房协议书范文
2014/08/20 职场文书
2014年小学校长工作总结
2014/12/08 职场文书
2015年党支部书记工作总结
2015/05/21 职场文书
学前教育见习总结
2015/06/23 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS
JavaWeb 入门篇:创建Web项目,Idea配置tomcat
2021/07/16 Java/Android
分析SQL窗口函数之排名窗口函数
2022/04/21 Oracle