vue如何监听路由

vue.js 是一个流行的前端 JavaScript 框架，它提供了一种简洁的方式来构建用户界面，在 Vue.js 中，路由是实现单页应用(SPA)的重要组成部分，路由允许我们在不重新加载整个页面的情况下，切换不同的视图，Vue.js 提供了一个内置的路由库，我们可以轻松地监听路由的变化。,Vue.js 使用 vue-router 作为其官方的路由库，vue-router 是一个基于 Vue.js 的路由器，它实现了 Vue.js 组件之间的导航，在 Vue.js 项目中，我们需要先安装并配置 vue-router,然后创建路由映射，最后使用
<router-link> 和
<router-view> 标签来实现导航。,,1、安装 vue-router:,2、配置 vue-router:,在项目的
src 目录下创建一个名为
router 的文件夹，并在其中创建一个名为
index.js 的文件，在
index.js 文件中，我们需要导入 Vue 和 VueRouter,然后创建一个 VueRouter 实例，并将路由映射添加到该实例中，我们需要导出这个 VueRouter 实例。,,3、创建路由映射：,在
routes 数组中，我们需要定义每个路由的路径、组件以及一些可选的参数。,4、实现导航：,,在 Vue.js 模板中，我们可以使用
<router-link> 标签来创建一个链接，该链接可以导航到指定的路由，我们可以使用
<router-view> 标签来显示当前路由对应的组件。,在 Vue.js 中，我们可以使用
watch 或者
watchEffect 来自定义一个函数，该函数会在路由发生变化时执行，我们可以将这个函数绑定到
$route 对象上，以便实时监听路由变化。