美文网首页
路由 & eslint

路由 & eslint

作者: Grayly吖 | 来源:发表于2019-04-26 23:58 被阅读0次

四、路由

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保存的时候,格式才会发生变化

相关文章

网友评论

      本文标题:路由 & eslint

      本文链接:https://www.haomeiwen.com/subject/wqncnqtx.html