前言

2022年2月7日以后，vue-router的默认版本更新为4了
vue2 对应 vue-router3
vue3 对应 vue-router4
根据需求安装

一、安装插件

# vue2对应版本
npm i vue-router@3# vue3对应版本
npm i vue-router@4

二、引入依赖

main.js加入如下代码

import Vue from 'vue'
import App from './App.vue'// 引入vue-router --------------------
import VueRouter from 'vue-router'
import router from './router/index.js'
Vue.use(VueRouter)
// ----------------------------------new Vue({el: '#app',render: h => h(App),// 引入vue-router --router: router,// -----------------})

三、创建路由文件

src目录下创建 /router/index.js 文件

四、编写路由并测试

路由有两种写法：

声明式路由导航
编程式路由导航

具体优缺点及实现方法可以参考这篇文章
https://blog.csdn.net/weixin_43721000/article/details/125023746

VueRouter安装使用教程相关推荐

Node.js (v19.1.0npm 8.19.3) vue.js安装配置教程（超详细）
Node.js (v19.1.0npm 8.19.3) vue.js安装配置教程(超详细) 目录一.安装Node(npm)需要的环境和版本发布信息 (1).Node版本和npm版本关系 (2).支持 ...
centos7 mysql workbench_centOS下mysql workbench安装配置教程
本文为大家分享了mysql workbench安装配置教程,供大家参考,具体内容如下 step0:安装mysql 在按照workbench之前,先安装mysql.指令是 yum install mys ...
geany怎么创建文件夹_教程详情|Geany怎么使用，Geany安装使用教程_234游戏网
Geany是利用GTK 2工具包开发的一个快速.轻巧的集成开发环境,具有良好的可移植性和通用性.安全性,广泛应用于各个行业.Geany具有语法高亮.代码折叠.代码自动完成等功能,非常适合开发人员使用. ...
python3里的pillow怎么安装_“python安装pillow教程“python3.4怎么安装pil
"python安装pillow教程"python3.4怎么安装pil python安装pillow教程2020-10-09 03:37:02人已围观如何在python3.6中装p ...
Mac环境下Docker及Splash的安装运行教程
一.前言由于最近使用Python爬虫框架scrapy练习爬虫,在爬取动态网页的时候,需要用到splash,进行对动态网页进行JavaScript渲染,但是使用splash又必须安装Docker.因为 ...
kafka不使用自带zk_kafka 安装部署教程
kafka 安装部署教程 1. 下载官网链接 http://kafka.apache.org/downloads 浙大源 http://mirrors.tuna.tsinghua.edu.cn/ap ...
Matlab2013a安装简单教程以及遇到的问题解决（反复提示激活问题）
虽然说现在matlabr2018都出来了,但是有的时候还是需要这些老版本的matlab,最囧的时刻时不熟悉新版本而产生的障碍而导致使用2013版本的matlab. 今天在安装matlab时候,遇到了一 ...
kangle web server源代码安装简明教程
kangle web server源代码安装简明教程 - kangle使用交流 - kangle软件是一款高性能web服务器,反向代理服务器,提供虚拟主机管理系统及代理服务器,web服务器架设 - ...
Linux入门第三集！JDK8的Linux版本资源分享！jdk-8u301-linux-x64.rpm官方资源分享！Linux安装JDK8教程！
Linux入门第三集!JDK8的Linux版本资源分享!jdk-8u301-linux-x64.rpm官方资源分享!Linux安装JDK8教程! 提取码均为0916 jdk-8u301-linux-x ...
ENVI5.1安装破解教程
原文地址: ENVI5.1安装破解_百度经验 http://jingyan.baidu.com/article/020278118b5ded1bcd9ce57a.html ENVI5.1_x86_x6 ...

VueRouter安装使用教程

文章目录

前言

一、安装插件

二、引入依赖

三、创建路由文件

四、编写路由并测试

VueRouter安装使用教程相关推荐

最新文章

热门文章