veu3路由的安装和使用

1 npm install vue-router@4 （通过npm安装最新的路由）
2 在package.json文件中看到如下版本信息表示安装成功

3 在main.js中引入如下图所示：

4 使用：在components 创建随便创建几个.vue文件：
for example：我创建的文件:

4.1 创建好文件后同时需要在src文件夹下（components同级）新建router文件夹，并在里面新建index.js文件。
4.2 ：
我的index.js 文件代码如下：

import { createRouter, createWebHistory } from 'vue-router';   //固定格式
import index from '../components/index.vue'    //引入index页面
import test from '../components/test.vue'       //同上
const routerHistory = createWebHistory();    //固定const router = createRouter({history: routerHistory, routes:[{                    //每一个链接都是一个对象path: '/',         //链接路径component: index   //对应的组件模板},{path: '/test',component: test}]
});
export default router;

5 接着该写跳转的代码了一下是我index.vue页面的代码（index.vue是我的启动页）：

编辑完代码我的页面如下：
实测可以实现跳转。

特别注意的是：要改app.vue里面的代码，这是新手很容易忽略的，导致跳转地址有变化，页面没响应。

<template><router-view />
</template>

veu3路由的安装和使用相关推荐

vue-router 源码：路由的安装与初始化
使用日常我们使用 vue-router 时: 在 template 中我们用 <router-link> 来做路由跳转,用 <router-view> 来做路由跳转后的展示. ...
海蜘蛛软路由linux安装教程,软路由安装设置教程【详细步骤】-太平洋IT百科
导读:随着现代生活中科学技术的不断发展,网络应用成为家家必须的东西,更因为如此也出现了如今的"低头族"们,不过在家庭中我们所使用的网络都需要有路由器这样的设备,其实路由器也分为 ...
curl 没有到主机的路由_安装RaspAP将树莓派变身为无线路由器
将树莓派作为 Wifi 热点官方文档中介绍了如何将树莓派配置为一个无线路由器,不过有点复杂,如果对 Linux 和网络路由等不熟悉,难以操作,下面介绍一个开源工具 RaspAP 可以通过 Web ...
vue-router路由的安装、配置、具体用法和Vue-router学习笔记
官网: 安装 | Vue RouterVue.js 的官方路由https://router.vuejs.org/zh/installation.html#直接下载-cdn vue-router的基本用 ...
K71g兄弟Ipcop软路由的安装设置简易教程（转）
[网络]Ipcop软路由制作教程 --网吧黄页之网管宝典作者:网丐(贾敬华) Ipcop是一款非常好用的路由器软件,内置防火墙,对机器的性能要求低,运行稳定,因此得到了广大用户的称赞.Ipcop是一 ...
优酷路由宝安装php,优酷路由宝怎么设置_优酷路由器怎么安装？-192路由网
本文主要介绍了优酷路由宝(器)的安装.上网设置.无线WiFi名称和密码设置.管理密码设置等内容.优酷路由宝(器)有普通版.旗舰版.黄金版.京东白条版等等好几个版本,本文将用普通版的优酷路由宝为例,来介 ...
路由软件安装使用（一）（bird）
1 bird简介 bird实际是BIRD Internet Routing Daemon'的简称,它是在网络里跑着动态路由协议(支持IPV4 IPV6)的一种程序.相比较于其他的一些路由软件而言(ro ...
蜗牛星际改内存_一步一步跟我做用蜗牛星际主机制作LEDE软路由，安装插件详细过程...
蜗牛星际主机有四款型号,ABCD,他们有不同的网口等配置,网卡型号为Itel 82583和Itel I211,又有单网口和双网口的区别,双网都是千兆网口,但被锁定,如果使用千兆双网口需要硬改,Inte ...
极路由 java_极路由4pro安装java（Jamvm 2.0.0 + gnu classpath 0.9.8）
首先试了gnu classpath 0.9.9,编译不过后来改成0.9.8 编译环境 OS: 64位 Ubuntu 16.04 LTS(vmware虚拟机) SDK: 用之前讲过的官方SDKmtmip ...
[经验技巧] 路由mini安装OpenWRT源的Transmission插件，实现PT下载（需SSH）
原文链接:http://www.miui.com/thread-2093928-1-1.html 经过研究发现,基于OpenWRT的小米路由器系统是支持OpenWRT源中的ipk插件包的,通过opkg ...

veu3路由的安装和使用

veu3路由的安装和使用相关推荐

最新文章

热门文章