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 相关文章推荐
jquery animate 动画效果使用说明
Nov 04 Javascript
使用JavaScript获取电池状态的方法
May 03 Javascript
js获取下拉列表的值和元素个数示例
May 07 Javascript
使用GruntJS构建Web程序之安装篇
Jun 04 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
JS实现购物车特效
Feb 02 Javascript
javascript滚轮事件基础实例讲解(37)
Feb 14 Javascript
手把手教你写一个微信小程序(推荐)
Oct 17 Javascript
javascript中如何判断类型汇总
May 14 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
Oct 23 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 Javascript
如何制作自己的原生JavaScript路由
May 05 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几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
如何解决CI框架的Disallowed Key Characters错误提示
2013/07/05 PHP
php将文本文件转换csv输出的方法
2014/12/31 PHP
PHP将页面中点击数量高的链接进行高亮显示的方法
2016/05/30 PHP
PHP获取表单数据与HTML嵌入PHP脚本的实现
2017/02/09 PHP
理解Javascript_08_函数对象
2010/10/15 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
你必须知道的Javascript知识点之"字面量和对应类型"说明介绍
2013/04/23 Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
2013/12/24 Javascript
jquery复选框全选/取消示例
2013/12/30 Javascript
Linux下编译安装php libevent扩展实例
2015/02/14 Javascript
谈谈JavaScript类型系统之Math
2016/01/06 Javascript
利用jQuery实现打字机字幕效果实例代码
2016/09/02 Javascript
BootStrap 表单控件之单选按钮水平排列
2017/05/23 Javascript
利用Console来Debug的10个高级技巧汇总
2018/03/26 Javascript
angularjs手动识别字符串中的换行符方法
2018/10/02 Javascript
JavaScript实现指定数量的并发限制的示例代码
2020/03/10 Javascript
跟老齐学Python之有点简约的元组
2014/09/24 Python
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
pandas or sql计算前后两行数据间的增值方法
2018/04/20 Python
Django框架模板介绍
2019/01/15 Python
Python Numpy 实现交换两行和两列的方法
2019/06/26 Python
Python整数与Numpy数据溢出问题解决
2019/09/11 Python
Python matplotlib画曲线例题解析
2020/02/07 Python
python中strip(),lstrip(),rstrip()函数的使用讲解
2020/11/17 Python
凯普林包包西班牙官网:Kipling西班牙
2019/04/12 全球购物
怎么写好自荐信
2013/10/30 职场文书
公司户外活动总结
2014/07/04 职场文书
教师年度个人总结
2015/02/11 职场文书
公司禁烟通知
2015/04/23 职场文书
运动会3000米加油稿
2015/07/21 职场文书
基于CSS3画一个iPhone
2021/04/21 HTML / CSS
2021年最新用于图像处理的Python库总结
2021/06/15 Python
总结Pyinstaller打包的高级用法
2021/06/28 Python
python数字类型和占位符详情
2022/03/13 Python
python中pymysql包操作数据库方法
2022/04/19 Python