Javascript 如何将数据传递给mixin，然后在组件中显示它们？

我想将数据传递给我的mixin方法，然后在我的组件中显示它。比如：

//component A

mixins: [mixinOne],
data(){
  return{
    val = null
  }
},
mounted(){
  this.mixinMethod('good value', this.val);
}

在我的模板中，我要显示val：

// component A
<template>
  {{val}}
</template>

//组件A
{{val}}

---

我已经写了上面的代码，但它不起作用。它为

{{val}}

返回null！所以基本上我想在我的组件中看到通过mixin设置的

{{val}}

的“良好价值”。我该怎么做呢？

您应该将数据节放在mixin中，然后更改它并在组件中呈现它

// MmixinOne
data () {
  return {
    val = null
  }
},
methods: {
  mixinMethod (valOne, valTwo) {
     valTwo = valOne
  }
}

// Component A
<template>
  {{val}}
</template>

<script>
import MmixinOne from './MmixinOne'

export default {
  mixins: [MmixinOne],
  mounted () {
    this.mixinMethod('good value', this.val)
  }
}
</script>

---

除了给你的答案之外，你还有这部分文档：

// MmixinOne
data () {
  return {
    val = null
  }
},
methods: {
  mixinMethod (valOne, valTwo) {
     valTwo = valOne
  }
}

// Component A
<template>
  {{val}}
</template>

<script>
import MmixinOne from './MmixinOne'

export default {
  mixins: [MmixinOne],
  mounted () {
    this.mixinMethod('good value', this.val)
  }
}
</script>

mounted () {
  this.val = 'good value'
}