开发者社区云计算文章正文

vue3的路由跳转

2023-07-26 67

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： vue3的路由跳转

1.导入useRouter函数

import { useRouter } from "vue-router";

2.在进入setup函数时执行

const router = useRouter()

3.在setup函数中进行路由跳转

不传参写法为：

router.push('/newCollect')

传参写法为：

router.push({
  path: "/newCollect",
  query: {
    mode: "edit",
  },
});

关键词：

路由VUE.js

跳转VUE.js

路由跳转VUE.js

vue3路由VUE.js

VUE.js路由

大可。

vohelon

3天前

缓存 JavaScript 前端开发

Vue 3的响应式系统

【5月更文挑战第31天】Vue 3的响应式系统

vohelon

8 1 1

前端菜鸟的自我修养

3天前

JavaScript 程序员网络架构

vue路由从入门到进阶 --- 声明式导航详细教程

前端菜鸟的自我修养

19 0 0

前端菜鸟的自我修养

3天前

资源调度 JavaScript UED

vue路由的基础知识总结，vueRouter插件的安装与使用

前端菜鸟的自我修养

30 0 0

前端菜鸟的自我修养

3天前

JavaScript 前端开发 API

vue2 /vue3【nextTick】的使用方法及实现原理，一文全搞懂！

前端菜鸟的自我修养

12 0 0

前端菜鸟的自我修养

3天前

JavaScript 开发者

[vue2/vue3] -- 深入剖析v-model的原理、父子组件双向绑定的多种写法

前端菜鸟的自我修养

10 0 0

[vue2/vue3] -- 深入剖析v-model的原理、父子组件双向绑定的多种写法

前端菜鸟的自我修养

3天前

JavaScript API

vue3父子组件相互调用方法详解

前端菜鸟的自我修养

11 0 0

code袁

10天前

缓存 JavaScript

一文彻底学会Vue路由

Vue Router简介，包括基本使用、嵌套路由、参数传递和路由守卫。首先，通过`npm i vue-router@3`安装，然后在`main.js`引入并应用。配置路由时，创建VueRouter实例，定义如`/home`、`/about`等路径及其对应组件。使用`<router-link>`进行切换，`<router-view>`展示组件。嵌套路由通过`children`配置多级路径，参数传递可使用`query`或`params`。路由守卫分为全局、独享和组件内三种，用于控制访问权限。

code袁

21 1 1

code袁

10天前

JavaScript API

Vue3 基础语法

该内容介绍了Vue项目的创建和Vue3的语法、响应式API、生命周期、组件通信及跨组件通信方法。包括使用`npm init vue@latest`创建项目，`npm install`初始化，Vue3的`setup`语法，`reactive`、`ref`、`computed`和`watch`的用法，生命周期图解，以及父子组件间的数据传递。此外，还提到了Vue3中使用`provide`和`inject`进行跨层数据传递，以及通过Pinia库进行状态管理。

code袁

36 0 0

yqcoder

13天前

JavaScript 定位技术 API

在 vue3 中使用高德地图

yqcoder

23 0 0

你都不懂

14天前

vue3 键盘事件回车发送消息，ctrl+回车内容换行

const textarea = textInput.value.textarea; //获取输入框元素

你都不懂

29 3 3

vue3的路由跳转

热门文章

最新文章

相关课程

相关电子书