如何正确导入$route

在 Uniapp 中，你可以通过 `this.$route` 来访问当前路由信息。如果你在组件中使用了 `$route`，那么你需要在组件中正确地导入它。以下是一个示例：

<script>
  export default {
    mounted() {
      // 在 mounted 钩子函数中访问 $route 对象
      console.log(this.$route)
    }
  }
</script>

需要注意的是，你需要先在 `main.js` 中导入 `vue-router`，并将其挂载到 Vue 实例上。以下是一个示例：

// main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

在上面的代码中，我们通过 `import router from './router'` 导入了 `router` 对象，并在 Vue 实例中将其挂载为 `$route`。这样，我们就可以在组件中访问 `$route` 对象了。

最后，请确保你已经在 `router.js` 文件中定义了路由，并将其导出为一个路由器实例。以下是一个示例：

// router.js

import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import About from './views/About.vue'

Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: About
    }
  ]
})

在上面的代码中，我们定义了两个路由：`/` 和 `/about`，并将它们分别映射到 `Home` 和 `About` 组件。