组件无法访问以$开头的数据

Question

我制作了一些混合物组件。

mixin1.vue

export default {
  data(){
     return {
      $_mixin1_data1 : 'data1',
      data2 : 'data2'
     }
  },
  methods:{
    $_mixin1_method1(){
    
    }
  }
}

parent.vue

import mixin1 from './mixin1';

export default {
  name : 'Parent',
  mixins:[mixin1],
  data(){
    return {
      parent1 : 'parent1'
    }
  },
  mounted(){
    console.log(this.parent1); // parent1
    console.log(this.$_mixin1_data1) //undefined
    console.log(this.data2); //data2
  }
}

当我将parent component与MixIn1组件一起使用时，父组件找不到以$ 开头的数据。但是“ data2”数据和以$ 开头的方法。我不知道为什么未检测到以$ _开头的数据。我可能不了解Vue的概念。 感谢您的答复。

Answer 1

docs

vue通过组件实例曝光自己的内置API时使用$前缀。它还保留内部属性的前缀_。您应该避免使用以这些字符之一开头的顶级data属性的名称。