由于vue的特性,尽管父组件中,包含子组件,但子组件仍然没办法直接使用父组件的属性。
比如父组件a.vue,子组件b.vue和c.vue。
在a.vue中,有b和c,也就是<b-html></b-html>和<c-html></c-html> 这时候,因为一些特殊需求,在a.vue中,定义了某个属性,需要在b或者c中使用,直接写this.属性,会报未定义的错误。
这时候,使用this.$parent.属性,就可以在子级拿到父级属性(函数通用),比如:
父组件:
data () { return { layout_bgColor: '#15151a' } }
子组件:
mounted () { console.log(this.$parent.layout_bgColor) }
会得到layout_bgColor的值。