Vue混入中,组件属性如何影响混入属性优先级?

2026-06-09 10:544阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

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

Vue混入中,组件属性如何影响混入属性优先级?

{{ message }}


Vue混入中,组件属性如何影响混入属性优先级?

<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>


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

Vue混入中,组件属性如何影响混入属性优先级?

{{ message }}


Vue混入中,组件属性如何影响混入属性优先级?

<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>