Vue混入属性如何确保组件属性优先级高于混入？

本文共计130个文字，预计阅读时间需要1分钟。

{{ message }}

<template>
<div >
{{message}}

</div>
</template>


<script>

//import Vue from 'vue'

var mixin = {
data: function () {
return {
message: 'hello',
foo: 'abc'
}
}
}


export default{
mixins: [mixin]
,
components: {

},
data() {
return {
message: 'goodby',
bar: 'def'
}
},
methods:{

},
created(){
console.log(JSON.stringify(this.$data))
// => { message: "goodbye", foo: "abc", bar: "def" }
},
computed: {

},
watch: {

}
}

</script>

<style >

</style>