vue-element-admin 不同路由指向同一个组件（摘记）

文档地址：https://panjiachen.github.io/vue-element-admin-site/zh/guide/

router-view

Different router the same component vue 真实的业务场景中，这种情况很多。比如：

我创建和编辑的页面使用的是同一个 component，默认情况下这两个页面切换时并不会触发 vue 的 created 或者 mounted 钩子，官方说你可以通过 watch $route 的变化来进行处理，但说真的还是蛮麻烦的。后来发现其实可以简单的在 router-view 上加上一个唯一的 key，来保证路由切换时都会重新渲染触发钩子了。这样简单的多了。

<router-view :key="key"></router-view>

computed: {
  key() {
    // 只要保证 key 唯一性就可以了，保证不同页面的 key 不相同
    return this.$route.fullPath
  }
 }

 

请记住拆分组件最大的好处不是公用而是可维护性！

 

vscode 配置 ESLint

https://panjiachen.github.io/vue-element-admin-site/zh/guide/advanced/eslint.html#vscode-%E9%85%8D%E7%BD%AE-eslint

 

自动修复

npm run lint -- --fix

运行如上命令，eslint 会自动修复一些简单的错误。