vue组件在编译时是否嵌套对象?

时间:2019-03-11 08:07:31

标签: vue.js vue-component

在编译时,Vue的单个文件组件是否为App, QuotesList, QuoteItem(每个SFC)嵌套对象,例如:

图解表示

App(Parent)
 |
  QuotesList (child of App)
         | 
          QuoteItem (child of QuotesList)

JS对象表示

var App = {
    quotesList : {
        quoteItem: {..}
    }
}

1 个答案:

答案 0 :(得分:1)

不完全是。实际上每个vue组件都是一个包含vue的对象 属性以及您已定义的属性(数据属性,生命周期挂钩,观察程序等)。

但是仍然可以获取有关组件关系的信息:

vue组件对象具有对其子组件的引用,可以通过this.$children访问该子组件,并具有对其父组件的引用,可以通过this.$parent进行访问。