首页 > 其他分享 >vue3 路由

vue3 路由

时间:2023-02-28 17:02:03浏览次数:45  
标签:vue 创建 js vue2 vue3 路由

 

 vue2 在2023年12月份 开始停止维护,说实话,很苦逼,很多人根本还停留在 vue2 思想的时代,包括我自己 。

之前一直在写 vue 的 服务端渲染,好长时间已经忘了 vue-router 创建的方式。今天 创建了一个demo 试试看看vue3 的新特性,发现路由都不会了......

正题开始

1. 首先 vue3 的脚手架 直接使用官方的 ( 前提,你先看看node.js  的版本是不是需要更新的哈 )

 

2. 

 

 

 3. 路由 跳转 

  创建 router/index.js 文件

  

 

   除了红框内部,别的地方没有变化

  

 

 4. man.js 使用

  

 

   vue3 的 创建实例的方法发生 了改变。就这种方式就好

标签:vue,创建,js,vue2,vue3,路由
From: https://www.cnblogs.com/yuerdong/p/17165071.html

相关文章

  • ubuntu iptables 做为路由转发
    实现功能,本地服务器的号段的192.168.8.0/24,而做为路由器的机器有2个ip,192.168.8.x和另一个ip,而另一个ip可以访问 192.168.2.0/24号段,为了让其它192.168.8.0/24上服务器......
  • Vue3 状态管理之pinia
    什么是Pinia在vue3之前我们最常用的状态管理就是Vuex,当然在vue3中也有相对应的Vuex的版本。但是还是推荐使用Pinia,原因有以下几点:语法简单,mutations不再存在。无......
  • vue3+openlayes实现离线地图加载
    概述OpenLayers使在任何网页中放置动态地图变得容易。它可以显示从任何来源加载的地图图块、矢量数据和标记。OpenLayers的开发旨在进一步使用各种地理信息。它是完全免......
  • Vue3 + vite + Ts + pinia + 实战
    Pinia起始于2019年11月左右的一次实验,其目的是设计一个拥有组合式API的Vue状态管理库。从那时起,我们就倾向于同时支持Vue2和Vue3,并且不强制要求开发者使用组......
  • vue3中style标签内的一些样式使用
    /*vue3中style标签内的一些样式使用1、使用变量作为css的属性值例如:设置元素的字体大小及字体颜色<scriptsetup>constdata=reactive({fontSize:12,color:"......
  • 以太网中静态路由不能只以出接口作为下一跳
    2023.02.28--11.14以太网中静态路由不能只以出接口作为下一跳 拓扑一:  查看华为交换机mac地址表:displaymac-address;查看华为路由器arp表:displayarp清空华为......
  • vue3 门户网站搭建5-图标
    奈何element自带的图标太少,不够用,故打算使用 vite-plugin-svg-icons组件来封装svg-icon。ps:ui框架选用的 element-ui,为了能跟vue3更好的结合,还得装个 elemen......
  • 从Linux Bridge引发的网桥、交换机与路由器区别探究
    背景最近接触docker的网络配置方式,发现其默认会创建一个docker0的LinuxBridge,宿主机上运行的容器可以通过连接该birdge实现与外网的通信,根据bridge这个命名很自然的认为......
  • 交换机中IP表的生存周期及部分路由技术
    一.交换机中IP注册表的存在周期首先上理论:对于不同的环境,交换机都有不同的设定,就是注册表中的信息过期时间,虽然各自的时间不同,但是我们不可否认的就是这个机制它是存在的,......
  • Vue2路由跳转传参,获取路由参数,Vue监听路由
    1this.$router.push({2//name:路由组件名3name:routeName,4query:{5mapId:this.mapId6}7})89this.$router.push({1......