Vue.js中,router和route

js 复制代码
    <div class="search">
        {{$route.params.things}}
      <van-nav-bar fixed title="商品列表" left-arrow @click-left="$router.go(-1)" />

      <van-search
        readonly
        shape="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用于获取当前路由的信息。

相关推荐
Nan_Shu_61413 小时前
Web前端面试题(2)
前端
知识分享小能手13 小时前
React学习教程,从入门到精通,React 组件核心语法知识点详解(类组件体系)(19)
前端·javascript·vue.js·学习·react.js·react·anti-design-vue
蚂蚁RichLab前端团队14 小时前
🚀🚀🚀 RichLab - 花呗前端团队招贤纳士 - 【转岗/内推/社招】
前端·javascript·人工智能
孩子 你要相信光14 小时前
css之一个元素可以同时应用多个动画效果
前端·css
萌萌哒草头将军14 小时前
Oxc 和 Rolldown Q4 更新计划速览!🚀🚀🚀
javascript·vue.js·vite
huangql52014 小时前
npm 发布流程——从创建组件到发布到 npm 仓库
前端·npm·node.js
Qlittleboy15 小时前
uniapp如何使用本身的字体图标
javascript·vue.js·uni-app
Days205015 小时前
LeaferJS好用的 Canvas 引擎
前端·开源
小白菜学前端15 小时前
vue2 常用内置指令总结
前端·vue.js
林_深时见鹿15 小时前
Vue + ElementPlus 自定义指令控制输入框只可以输入数字
前端·javascript·vue.js