query_dict: {} vue中如何使query_dict有变化时执行相应函数，完整代码

在 Vue 中，可以通过监听 `$route` 对象来实现当 `query_dict` 发生变化时执行相应函数。具体实现如下：

<template>
  <div>
    <!-- ... -->
  </div>
</template>

<script>
export default {
  // 监听 $route 对象
  watch: {
    '$route': {
      // 监听 query_dict 变化
      handler: function (to, from) {
        if (to.query.query_dict !== from.query.query_dict) {
          // 执行相应函数
          this.doSomething(to.query.query_dict)
        }
      },
      // 深度监听 query_dict 变化
      deep: true
    }
  },
  methods: {
    doSomething (query_dict) {
      // ...
    }
  }
}
</script>

在上述代码中，我们通过监听 `$route` 对象，当其中的 `query_dict` 参数发生变化时，执行相应的函数 `doSomething`。在监听 `$route` 对象时，我们需要注意深度监听 `query_dict` 参数的变化，以确保能够正确地监听到其变化。