当前位置: 首页 > news >正文

Vue.js中,router和route

    <div class="search">{{$route.params.things}}<van-nav-bar fixed title="商品列表" left-arrow @click-left="$router.go(-1)" /><van-searchreadonlyshape="round"background="#ffffff"value="手机"show-action@click="$router.push('/search')"><template #action><van-icon class="tool" name="apps-o" /></template></van-search>

为什么一会用router 另一个又是route

在Vue.js中,router和route是两个不同的概念。

router是Vue Router的实例,它用于管理应用程序的路由。
route是当前路由的对象,它包含了当前页面的路由信息,例如路由路径、参数等。
在你提供的代码中,$router是Vue Router实例的一个属性,用于进行页面跳转和导航操作,例如使用$router.push(‘/search’)将会跳转到名为search的路由页面。

而$route是当前路由的对象, $route.params.things表示从路由参数中获取名为things的参数值。

所以,$router用于进行页面跳转和导航操作,而$route用于获取当前路由的信息。

http://www.lryc.cn/news/145755.html

相关文章:

  • 【微服务】07-缓存
  • 权限校验中的“双token”方案
  • TensorFlow的基本概念
  • 【卷积神经网络】MNIST 手写体识别
  • Ansible学习笔记2
  • 80. 删除有序数组中的重复项 II
  • CVE-2023-36874 Windows错误报告服务本地权限提升漏洞分析
  • IDEA遇到 git pull 冲突的几种解决方法
  • [Unity]UI和美术出图效果不一致
  • SpringBoot整合JPA和Hibernate框架
  • Java中文件的创建(三种方式),文件常用的方法
  • Spring boot中调用C/C++(dll)
  • 【Apollo学习笔记】——规划模块TASK之PATH_DECIDER
  • Lua学习(二)
  • 制作鲜花商城小程序的详细步骤
  • Ubuntu20以上高版本如何安装低版本GCC
  • context.WithCancel()的使用
  • vue3中引入百度地图
  • 【Linux-Day8- 进程替换和信号】
  • 日志文件之间关系和介绍及应用
  • mac电脑屏幕录制Berrycast Mac屏幕录制软件
  • 机器学习笔记之最优化理论与方法(一)最优化问题概述
  • 【ES5新特性一】 严格模式语法变化、全局的JSON对象、编码和解码的方法
  • Java【手撕滑动窗口】LeetCode 3. “无重复字符的最长子串“, 图文详解思路分析 + 代码
  • 学习哈哈哈哈
  • 05-基础例程5
  • 双基证券:预计未来还会有更多政策来吸引增量资金
  • 前端:html实现页面切换、顶部标签栏,类似于浏览器的顶部标签栏(完整版)
  • 强化自主可控,润开鸿发布基于RISC-V架构的开源鸿蒙终端新品
  • 软件设计师知识点·1