nuxt的router是自动生成的，不需要配置router，然后下面介绍的就是基础的使用，特殊的个性化自定义的配置，然后router和route的常用易混淆的解说

# 一：基础的使用

要在页面使用路由 建议使用<nuxt-link to="/hhh">

或者是直接通过js的写法 this.$route.push({ path: '/hhh', query: {}, params: {} })

# 二：个性化定制nuxt的路由配置

eg： 这个的访问地址是 localhost:3000/pages/test/commonTest

那么在不改变文件的放置的位置的情况下，如何通过访问localhost:3000/hhh访问到原先写在pages/test/commonTest里的页面呢？

nuxt.config.js

export default { 
    router: {
        extendRoutes(routes, resolve) {
            const router = [
                {
                    name: "hhh",
                    path: "/hhh",
                    component: resolve(__dirname, "./pages/test/commonTest.vue")
                },
            ];
            routes.push(...router); 
        }
    }
}

# 拓展：router和route的区别

this.$route 类似get请求，获得是一个对象， 返回{name: '', params: {}, query: {},path: '', hash: ''} 这几个值用得比较多

    if(this.$route.name == 'yishi'){}
    let href = location.host + this.$route.fullPath;
    let path = this.$route.path;
    let id = this.$route.params.classifyId;

this.$router 是一个构造函数

this.$router.push({
        name: 'home'
    })
    this.$router.push({
        path: '/home',
        query: {},
        params: {}
    })
    this.$router.go(-1); 返回上一页
    this.$router.back('/'); 回到首页
    this.$router.push('/'); 跳回首页