记录vue使用的小技巧

监听地址栏变化

在开发个人网站时，因为几个界面 99%一样，因此想使用同一个 vue 文件，然后通过地址栏的传参来改变内容，因为我使用 element-plus 的菜单包裹在外面，可以使切换页面时菜单不刷新，比较美观，这样一来在使用同一个 vue 文件的界面之间切换不会改变页面的内容了，因此使用 watch 监听$rote，然后写如果前往的页面时同一个 name，那么就重新获取数据

watch: {
  $route(to, from) {
    this.dataType = to.query.type;
    if (to.name == "files") {
      this.getData();
    }
  },
},

element-plus 菜单默认激活菜单

因为我的网页菜单使用的是 element-plus 的 menu，上面情况之后，可能会使之前设置的 element-plus 默认激活的菜单失效，但是同样可以进行设置，在菜单组件设置计算属性，直接将完整的 path 返回，菜单的 index 全部加上"./"就行了，对于跳转没有影响

computed: {
    onRoutes() {
      return this.$route.fullPath;
    },
  },

后续再有其他继续更