vue中mixins使用

Question

引用了一个组件，因为这个组件已经被别的地方多次使用，所以就想着mixins一下，让他成为我这个页面中独享的（只需要简单修改Mounted就行了）。

import picker from '@/components/picker'
const mixMounted = {
  mounted() {
    //操作
  }
}
picker.mixins = [mixMounted]

然后尴尬的发现，所有使用这个组件的地方都触发了...
尝试在当前页面deactivated的时候将

picker.mixins = []

并没有用，还是会触发。
目前处理是

<picker id="mixpicker"></picker>
mounted() {
    if (this.$el.id === 'mixpicker') {
      //操作
    }
}

有木有好点的方法？

Answer 1

如果不是组件的行为，为啥要写到组件里，为啥不在这个父组件的mounted里用$refs来进行这个单独的操作

Answer 2

https://cn.vuejs.org/v2/api/#...