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导致网页中GIF动画停止的解决方法
Nov 02 Javascript
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
Apr 07 Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
Feb 03 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
Mar 10 Javascript
JS模拟bootstrap下拉菜单效果实例
Jun 17 Javascript
PhotoSwipe异步动态加载图片方法
Aug 25 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
Jun 12 Javascript
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
vue 中引用gojs绘制E-R图的方法示例
Aug 24 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
Jan 08 Javascript
vue多页面项目中路由使用history模式的方法
Sep 23 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 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与mysql建立连接并执行SQL语句的代码
2011/07/04 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
ThinkPHP关于session的操作方法汇总
2014/07/18 PHP
tp5框架基于ajax实现异步删除图片的方法示例
2020/02/10 PHP
如何让您的中波更粗更长 - 中波框形天线制作
2021/03/10 无线电
javascript prototype 原型链
2009/03/12 Javascript
Javascript 模式实例 观察者模式
2009/10/24 Javascript
常用一些Javascript判断函数
2012/08/14 Javascript
node.js中的fs.truncate方法使用说明
2014/12/15 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
2015/06/08 Javascript
javascript比较两个日期相差天数的方法
2015/07/24 Javascript
Wireshark基本介绍和学习TCP三次握手
2016/08/15 Javascript
JS获取短信验证码倒计时的实现代码
2017/05/22 Javascript
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
用Node提供静态文件服务的方法
2018/07/06 Javascript
js实现3D照片墙效果
2019/10/28 Javascript
Vue数据双向绑定底层实现原理
2019/11/22 Javascript
JavaScript实现点击图片换背景
2020/11/20 Javascript
Python操作MySQL简单实现方法
2015/01/26 Python
python学习 流程控制语句详解
2016/06/01 Python
python rsa 加密解密
2017/03/20 Python
Python实现动态添加属性和方法操作示例
2018/07/25 Python
在Pycharm中项目解释器与环境变量的设置方法
2018/10/29 Python
python实现对象列表根据某个属性排序的方法详解
2019/06/11 Python
python3的数据类型及数据类型转换实例详解
2019/08/20 Python
使用PyTorch实现MNIST手写体识别代码
2020/01/18 Python
详解Ubuntu环境下部署Django+uwsgi+nginx总结
2020/04/02 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
Python调用OpenCV实现图像平滑代码实例
2020/06/19 Python
Booking.com缤客中国:全球酒店在线预订网站
2020/05/03 全球购物
网络编辑职责
2014/03/01 职场文书
三孔导游词
2015/02/05 职场文书
Spring Boot mybatis-config 和 log4j 输出sql 日志的方式
2021/07/26 Java/Android
Windows 11要来了?微软文档揭示Win11太阳谷 / Win10有两个不同版本
2021/11/21 数码科技
python 闭包函数详细介绍
2022/04/19 Python
python中urllib包的网络请求教程
2022/04/19 Python