VueJS项目报错解决：router.map is not a function - 方法大全
VueJS项目报错解决：router.map is not a function - 方法大全
问题描述： vue报错 router.map is not a function
原因和解决办法（2种以上）：
文章目录
- VueJS项目报错解决：router.map is not a function - 方法大全
- 问题描述： vue报错 `router.map is not a function`
- 一、兼容处理方法
- `Method 1` 使用命令npm install vue-router@0.7.13兼容1.0版本vue。
- 二、基于vue2.0，写对应的方法
- `Method 2` export default写法
- `Method 3` const 写法
在vue的高版本中已经弃用了低版本的
.map()方法。
可以通过设置向下兼容，或者新的方法，来实现路由页面的激活功能。
.
具体情况，我们通过下面的代码，对比一下不同版本的代码区别，如下：
一、兼容处理方法
Method 1 使用命令npm install vue-router@0.7.13兼容1.0版本vue。
二、基于vue2.0，写对应的方法
- vue低版本 [ 旧版本代码 ]
// 部分代码如下：
let router = new VueRouter();router.map({'/goods': {component: goodsVue},'/ratings': {component: ratingsVue},'/seller': {component: sellerVue}
});router.start(app, '#app');router.go('/goodsVue'); // 定义首页
注意：使用1.0和2.0在一些用法上有比较大的版本差别，所以不同用法！
Method 2 export default写法
- vue高版本 [ 弃用了.map()方法 ]
// 部分代码如下：
Vue.use(VueRouter);export default new VueRouter({mode: 'history',routes: [{ // 定义首页path: '',redirect: {name: 'goods'}},{path: '/',name: 'header',component: headerVue},{path: '/goods',name: 'goods',component: goodsVue},{path: '/ratings',name: 'ratings',component: ratingsVue},{path: '/seller',name: 'seller',component: sellerVue}]
})；
Method 3 const 写法
以上就是关于“ VueJS项目报错解决：router.map is not a function - 方法大全 ” 的全部内容。
VueJS项目报错解决：router.map is not a function - 方法大全相关推荐
- IDEA创建maven项目报错解决：Failed to create a Maven project: 'C:/Users/../IdeaProjects/../pom.xml' already e
此文首发于我的个人博客:IDEA创建maven项目报错解决 Failed to create a Maven project 'C:/Users/-/IdeaProjects/-/pom.xml' a ...
- 运行Django项目报错解决，OSError: [WinError 123] 文件名、目录名或卷标语法不正确。
文章目录 运行Django项目报错解决,OSError: [WinError 123] 文件名.目录名或卷标语法不正确. 报错 解决方式 -安装这个 module -找到使用这个 module 的地方 ...
- React项目报错: __WEBPACK_IMPORTED_MODULE_3_react___default.a.memo is not a function
今天用react做项目的时候遇到一个错误 React项目报错: __WEBPACK_IMPORTED_MODULE_3_react___default.a.memo is not a function ...
- SpringBoot项目报错解决：“Error starting ApplicationContext. To display the conditions report re-run ...”
SpringBoot项目报错:Error starting ApplicationContext. To display the conditions report re-run your appli ...
- jenkins构建Protractor项目报错解决
在jenkins上构建protractor时,出现报错:'protractor' 不是内部或外部命令,也不是可运行的程序或批处理文件. 但是运行机器上protractor已经全局安装,且可以正常访问p ...
- debian下ror新建项目报错解决
一个是缺少mysql的开发包 sudo apt-get install libmysqld-dev 还有一个报错如下 debian ExecJS::RuntimeUnavailable: Could ...
- TypeError: Router.use() requires a middleware function but got a Object报错解决
1.在运行nodejs-mongodb项目时,项目报错 TypeError: Router.use() requires a middleware function but got a Object ...
- 解决创建Maven Project出现的项目报错问题
创建Maven Project往往会出现项目报错,主要有两方面报错,一是tomcat,二是jdk.怎么解决呢?待小编细细道来. Maven Project的创建: 1.创建Maven Project: ...
- jenkins shell 权限_Jenkins在shell脚本运行docker权限报错解决
报错环境 系统信息 Distributor ID: Ubuntu Description: Ubuntu 16.04.1 LTS Release: 16.04 Codename: xenial doc ...
最新文章
- Linux环境下安装Python第三方库
- java 获取spring对象数组_解析Java中如何获取Spring中配置的bean
- Java实验实现一个circle类,java实验报告-类的定义.doc
- Caffe学习记录(十一) ICNet分割网络学习
- 3DsMax 创建阴影贴图的技术指南
- php 己遏急背季磐,PHP防止SQL攻击教程
- 《Python网络程序设计（微课版）》223道习题参考答案
- ISO 27001:2022 中文试译稿
- 下载频道2013上半年超人气精华资源汇总
- xp开机加载个人设置很慢的解决方法
- java jtextarea 滚动条_Java Swing JTextArea自动添加滚动条
- angular基础学习
- TextCNN文本分类实现（主要是CNN模型的使用）
- 调和级数近似求和公式推导(转载)
- ClickHouse启动失败_Unit clickhouse-server.service entered failed state
- 抖音用户评论和ID的采集方法
- c 语言程序流程控制应用实验报告,程序流程控制实验报告.doc
- javax.xml.bind.UnmarshalException: 意外的元素 所需元素为「{}***」
- 物流配送问题遗传算法
- matlab死亡时间推测实验,死后间隔时间推断的新研究.pdf