vue 使用同一组件，切换时不触发created、mounted钩子

可以在共用的组件里面去监听路由$route的变化

 // 监控data中的数据变化
  watch: {
//普通监听
    $route() {
      if (this.$route) {
        this.findPage() // 初始化数据列表
        console.log(this.$route.name, '$route.name')
      }
    },
//深度监听
    $route: {
      handler: function(newVal) {
        if (newVal) {
          this.findPage() // 初始化数据列表
          console.log(this.$route.name, '$route.name')
        }
      },
      deep: true, // 深度监听
      immediate: true // 立即执行
    }
  },

VUE的input框赋值后无法进行编辑

问题情况 : data中有定义对应字段,input框也进行绑定对了v-model 但进行赋值后,input输入框无法进行操作
原因: 空input框进行赋值后,不存在setter和getter方法,导致无法实现双向绑定

解决办法：

使用vue的全局方法: this.$set(data, property, value)
data为要修改的对象，property为要添加的属性，value就是这个属性的值
例如: this.$set(this.form, "contactPersonCardId", idCard);