1. this.$route 和 this.$router的區(qū)別
        在一個(gè)vue組件中，都可以訪問(wèn)到這兩個(gè)對(duì)象访递，它倆的區(qū)別 
        this.$route是路由記錄對(duì)象晦嵌，只讀，存儲(chǔ)了與路由相關(guān)的信息

        this.$router是路由對(duì)象力九，用來(lái)進(jìn)行路由跳轉(zhuǎn)

    2. 聲明式導(dǎo)航和編程式導(dǎo)航
        聲明式導(dǎo)航： 通過(guò)<router-link>的to屬性來(lái)聲明要跳轉(zhuǎn)的路由
        編程式導(dǎo)航： 通過(guò)this.$router的相應(yīng)方法來(lái)實(shí)現(xiàn)跳轉(zhuǎn)

    3. 一級(jí)導(dǎo)航和頁(yè)面中二級(jí)導(dǎo)航高亮樣式的處理
            
            ** 路由配置不能錯(cuò)
            const routes = [
                {  
                    path: "/" , 
                    redirect: '/index'
                },
                { 
                    path: "/index" , 
                    component: index,
                    redirect: '/index/recommend'
                    children: [
                        {
                            path: 'recommend',
                            component: recommend
                        }
                    ]
                },
            ]

            ** 首頁(yè)的to屬性一定要寫"/index",而不能用"/"
            <router-link to="/index">首頁(yè)</router-link>

            ** 在全局或者相應(yīng)的組件中加入樣式
            .router-link-active {
                激活樣式
            }

    4. 在vue.config.js中添加路徑別名(特別注意： 改動(dòng)vue.config.js之后一定要重啟服務(wù) )

        const path = require('path')

        // 工具函數(shù)耍铜，添加絕對(duì)路徑
        // dir: "./src/components"   ---- "E:/share/myapp/src/components"

        function resolve(dir) {
            return path.join(__dirname, dir)
        }
        module.exports = {
            //設(shè)置路徑別名
            chainWebpack(config) {
                config.resolve.alias
                    //用com這個(gè)別名代表./src/components的完整路徑
                    .set('com', resolve('./src/components'))
            }
        }


    5. 在腳手架環(huán)境中搭建后臺(tái)接口，模擬數(shù)據(jù)

        (1) 在根目錄新建api文件夾跌前，放入所需的json文件

        (2)在vue.config.js引入json數(shù)據(jù)

        const miData = require("./api/miCategory.json")
        
        
        (3) 在vue.config.js的module.exports中添加選項(xiàng)devServer

            module.exports = {
                devServer: {
                    port: 3001,
                    before(app) {
                            //   nodejs的后端路由,也就是自定義數(shù)據(jù)接口
                            app.get("/getMiData", (req, res) => {
                                //beauty
                                res.json(miData)
                            })

                        }
                }
            }