路由 & eslint

四、路由

1、路由（可以理解为途经）

（1）路由是根据不同的URL来展示不同的内容或页面

（2）路由跳转与a标签跳转区别

• 路由跳转：在单页面应用程序当中，大部分页面结构不变，只改变部分内容

• a标签：每次点击都会刷新，重新加载页面

2、路由的配置

（1）路径：path（路由地址）

（2）名称：name

（3）对应的路由组件：component

（4）@：src的别名

（5）重定向：redirect

3、路由跳转

     this.$router.push(  '  路由地址 '  )

五、代码规范化

1、安装 npm i -S eslint-plugin-vue

2、.eslintrc,配置

"plugins": [
    "vue"
]

3、vscode首选项 settings.json中添加

{
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",{
            "language": "vue",
            "autoFix": true
        },"html",
        "vue"
    ]
}

4、vscode安装eslint插件

5、当按ctrl+s保存的时候，格式才会发生变化