Vue-router 的使用 (vue3.x版本)

文章目录

          • 一、安装
            • 1. npm
            • 2. yarn
          • 二、使用
            • 2.1. 引入+注册
            • 2.2. 创建+配置

一、安装
1. npm
  • 默认
npm install vue-router -S # 卸载
npm uninstall vue-router
  • vite
# 安装
npm install vue-router@next -S # 卸载
npm uninstall vue-router@next
2. yarn
  • 默认
# 安装
yarn add vue-router -S # 卸载
yarn remove vue-router
  • vite
# 安装
yarn add vue-router@next -S# 卸载
yarn remove vue-router@next
二、使用
2.1. 引入+注册

main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'const app = createApp(App)
app.use(router).mount('#app')
2.2. 创建+配置
import {createRouter, createWebHistory} from "vue-router";const routes = [
// 省略
]const index = createRouter({history: createWebHistory(),routes
})export default index

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/516927.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

菜鸟网络宣布推出物流加速上云行动“鲲鹏计划”

公司介绍 “菜鸟网络科技有限公司”是2013年5月28日,阿里巴巴集团、银泰集团联合复星集团、富春集团、顺丰集团、三通一达(申通、圆通、中通、韵达),以及相关金融机构共同合作共同组建的正式成立的。“中国智能物流骨干网”&…

中台架构详解(上) | 大咖说中台

作者 | 耿立超责编 | 晋兆雨来源 | 《大数据平台架构与原型实现:数据中台建设实战》中台打破了应用系统的壁垒,从企业全局梳理和规划业务程,重构了组织架构、业务架构与IT 架构。 在梳理了企业的IT 现状并回顾了SOA 的历史之后,我…

岗岭集团打造中国最大的线上线下一体化的医药健康平台

客户简介 岗岭集团是中国互联网医药健康的领军企业,致力于用互联网模式和思维方式,改变中国大众“看病难、买药贵”的现状。岗岭集团运用创新的互联网和IT技术提供在线诊疗、购药和健康管理等服务,缩减中间环节,优化供应链&#…

yarn vite vue3.x

文章目录一、插件安装1. vue-router2. vuex3. element-plus4. axios5. sass二、Yarn 常用命令2.1. 添加依赖包2.2. 将依赖项添加到不同依赖项类别2.3. 升级依赖包2.4.移除依赖包2.5.安装package.json里的包依赖三、Vite3.1. 简述3.2. 全局安装vite3.3. 创建项目3.4. 下载依赖3.…

入门云虚拟主机,为你的业务快速实现数据备份和数据恢复

备份方式 虚拟主机的备份分手工备份与自动备份两种。备份存储到单独系统提供的存储空间,不占用虚拟主机的网页空间和数据库空间。 手工备份 手工备份是指用户在控制台主动发起的备份操作,备份完毕后可随时下载和恢复。除非备份被主动删除,…

Web 前端自学很苦?来,手把手教你,拿下前端!

今年受经济下行与疫情叠加的影响,毕业生有800多万,就业形势十分严峻,但即便如此,Web前端人才在软件开发行业的就业市场中依旧供小于求,目前,全国总缺口每年大约为近百万人。行业对前端需求量持续增加&#…

When allowCredentials is true, allowedOrigins cannot contain the special value “*“ that cannot be

SpringBoot升级2.4.0所出现的问题: When allowCredentials is true, allowedOrigins cannot contain the special value “*” since that cannot be set on the “Access-Control-Allow-Origin” response header. To allow credentials to a set of origins, list…

景区门票系统上云 低成本、安全性高

公司介绍 我们是华南麟睿科技有限公司,是一家批发零售业企业。本公司成立于2019年8月,总部位于衡阳,实缴注册资金777万元,并于2019年11月成立了子公司华南麟睿文化传媒有限公司。目前主要需求是业务景区门票系统上云。 业务痛点…

入门云数据库Redis,满足你的高读写性能场景需求

什么是云数据库Redis版 更新时间:2020-01-16 10:30:56 编辑 我的收藏 新浪微博 微信 钉钉 我的收藏 SDK中心 API中心 新手学堂 学习路径 本页目录 为什么选择云数据库Redis版版本类型学习路径实例架构实例规格应用场景产品定价Redis视频简介 云数据库…

垃圾回收策略和算法,看这篇就够了

作者 | Craig无忌来源 | 程序员大帝(ID:kingcoding)前言回收,旧手机,旧冰箱,旧空调,旧洗衣机,电瓶车摩托车,自行车,报纸,塑料......还记得小时候,…

StringUtils.isEmpty() Deprecated 已弃用

原文: Deprecated. as of 5.3, in favor of hasLength(String) and hasText(String) (or ObjectUtils.isEmpty(Object)) Check whether the given object (possibly a String) is empty. This is effectively a shortcut for !hasLength(String). This method acce…

手把手教你在物联网为产品定义物模型

物联网平台支持为产品定义物模型,将实际产品抽象成由属性、服务、事件所组成的数据模型,便于云端管理和数据交互。产品创建完成后,您可以为它定义物模型,产品下的设备将自动继承物模型内容。 操作步骤 产品列表中,选…

单线程与多线程的区别

程序是什么? ​ 程序是由源代码生成的可执行应用。 什么是进程? ​ 当一个程序开始运行时,它就是一个进程,进程包括运行中的程序和程序所使用到的内存和系统资源。 而一个进程又是由多个线程所组成的。 什么是线程&#xff1f…

SpringBoot/Cloud AOP 统一日志输出

文章目录1. 导入依赖2. aop拦截器3. logback配置4. 测试类5. 关键点6. 效果图1. 导入依赖 <!-- AOP --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-aop</artifactId></dependency>&l…

社区网站类场景下的静态资源处理

社区网站类场景下静态资源处理 场景描述 解决的问题 本实践通过搭建WordPress博客系统&#xff0c;向用户展示如何l 静态资源&#xff08;图片、视频等&#xff09;CDN访问加速和刷新 将图片、附件等静态资源上传到阿里云OSS&#xff0c;并通过阿里l OSS对象跨国际区域进行复…

收藏!美国博士明确给出Python的高效学习技巧

我见过市面上很多的 Python 讲解教程和书籍&#xff0c;他们大都这样讲 Python 的&#xff1a;先从 Python 的发展历史开始&#xff0c;介绍 Python 的基本语法规则&#xff0c;Python 的 list, dict, tuple 等数据结构&#xff0c;然后再介绍字符串处理和正则表达式&#xff0…

云服务器ECS共享标准型S6全新发布, 行业内最具性价比

近日&#xff0c;阿里云弹性计算发布全新一代云服务ECS共享标准型S6&#xff0c;性能相对上一 代实例提升15%以上&#xff0c;价格相对上一代最高降低42%&#xff0c;是目前国内云计算厂商 更能够提供的最具性价比的云服务器产品。一些中小型网站、轻量数据库以及轻 量企业应…

SpringBoot/Cloud 统一返回优雅设计+自定义异常

文章目录1. 返回结果封装2. 自定义异常3. 校验工具类4. 使用案例5. 前端效果图1. 返回结果封装 package com.course.server.dto;public class ResponseDto<T> {/*** 业务上的成功或失败*/private boolean success true;/*** 返回码*/private String code;/*** 返回信息…

Git简介、命令

一、Git 和 SVN 的区别 (一) SVN 优缺点 优点&#xff1a; 管理方便&#xff0c;逻辑明确 易于管理&#xff0c;集中式服务器更能保证安全性 代码一致性非常高 适合开发人数不多的项目开发 缺点&#xff1a; 服务器压力太大&#xff0c;数据库容量暴增 如果不能连接到服…

点游出行提供内地与香港游客高质量的旅程

公司介绍 我们公司是成都市点游出行科技有限责任公司&#xff0c;是一个服务于旅游行业的香港科学园园区企业。业务包括旅游行程规划、出行攻略、旅游视频、智能酒店、旅游酒店预订等等&#xff0c;以APP、小程序、网站等方式在阿里云开展国际旅行业务&#xff0c;APP名称叫做…