首页 > 其他分享 >Vue router 跳转

Vue router 跳转

时间:2023-04-10 09:58:35浏览次数:30  
标签:vue Vue 跳转 router useRouter 路由

useRouter(跳转), useRoute(获取路由参数)

// login.vue
// 路由跳转-引入-01
import { useRouter } from "vue-router";

// 路由跳转-实例化后-02 
// useRouter 使用push方法进行跳转
const router = useRouter() 

// 路由跳转-跳转到后台首页-03
router.push('/')

标签:vue,Vue,跳转,router,useRouter,路由
From: https://www.cnblogs.com/leoshi/p/17301834.html

相关文章

  • vue的几个记录
    1.父组件传递子组卷数组参数props:{boxData:{type:Array,default:()=>[],//重点},2.要实现父组件传递子组卷的参数动态更新(父-》子-》子,也只需要在最后一个子组件监听即可。)需要用到监听器watch:{//监听父组件传递的参数,以动态更新boxDa......
  • Vue2异步更新及nextTick原理
    vue官网中是这样描述nextTick的在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,可以获取更新后的DOM。在学习nextTick是如何实现之前,我们要先了解下JavaScript的执行机制JavaScript执行机制浏览器是多线程的,例如GUI渲染线程、JS引擎线程......
  • vue-day2
    绑定class样式:class=""(v-bind的缩写)修改vue维护的数据,而非直接操作dom绑定style,内联样式,交给vue管理(要对象,或者数组)font-size -> fontSize  换位驼峰  ⭐⭐⭐vue条件渲染v-show底层->调整style行内样式,display:nonev-ifdom节点都没了,彻底......
  • gin框架路由router
    前言:gin框架中采用的路由库是基于httprouter做的正文: 需要安装postman 发送请求各种请求方法:GET(string,...HandlerFunc)POST(string,...HandlerFunc)DELETE(string,...HandlerFunc)PATCH(string,...HandlerFunc)PUT(string,...HandlerFunc)OPTIONS(string,......
  • 如何在servlet中写弹窗点击确认时候可以跳转到另一个页面
    流程:登录页面-->注册页面-->注册成功后提示“注册成功”,并且跳转回登录页面。一开始我想着设置回传信息,然后跳转到login.jsp页面中,弹出“注册成功”的信息,但是感觉这个想法不是那么好实现,然后我最后也找到了一个更好的方法,直接在servlet中就可以实现了,只要写出下面的代码即可。......
  • vue之插槽
    #######################                    #########################......
  • vue-router
    ###################npminstallvue-router       Vue.use()方法的源代码如下:functioninstall(Vue){//避免重复安装插件if(install.installed&&_Vue===Vue)returninstall.installed=true_Vue=Vue//执行插件的安装方法const......
  • Vue开发规范
    ###############################单文件组件内容:<!--componentA.vue--><script>/*...*/</script><template>...</template><style>/*...*/</style>   组件相关:尽可能的减少watcher的数量尽量减少组件嵌套,递归渲染影响性能大量数据渲染导致卡顿,可以先渲染用户可见......
  • Vue——patch.ts【十四】
    前言前面我们简单的了解了vue初始化时的一些大概的流程,这里我们扩展下Vue的patch。内容这一块主要围绕vue中的__patch__进行剖析。__patch__Vue.prototype.__patch__的方法位于scr/platforms/web/runtime/index.ts中;//installplatformpatchfunction//判断是......
  • Vue Router 学习整理
    VueRouter是Vue.js的官方路由。它与Vue.js核心深度集成,让用Vue.js构建单页应用变得轻而易举。功能包括:嵌套路由映射动态路由选择模块化、基于组件的路由配置路由参数、查询、通配符展示由Vue.js的过度系统提供的过渡效果细致的导航控制自动激活CSS类的链接HTML5histo......