如何将数据传递给mixins，然后在组件中显示它们?

Question

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

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

//mixinOne
mixinMethod(valOne, valTwo) {
valTwo = valOne;
}

在我的模板中我想显示val:

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

我已经写了上面的代码，它不工作。它为{{val}}返回null !所以基本上我想在我的{{val}}组件中看到"好值"，这是通过我的mixin设置的。我该怎么做呢?

Answer 1

你应该把你的Data部分放在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>

无论如何，你不需要一个方法来设置"value"上的值。你可以直接在mounted:

中设置你的值

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