Are vue components nested objects when compiled?

Question

Are Vue's Single file components for e.g App, QuotesList, QuoteItem (each an SFC) nested objects when compiled, for example:

Diagrammatic Representation

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

JS Object representation

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

Efrat Levitan · Accepted Answer · 2019-03-11 10:20:39Z

1

not exactly. actually each vue component is an object containing the vue properties plus properties that you have defined (data properties, life cycle hooks, watchers, etc).

but there is still a way to get information about the components relationship:

the vue component object has references to its children component, which you can access via this.$children, and has a reference to its parent component, available via this.$parent.

answered Mar 11, 2019 at 10:20

Efrat Levitan

5,6922 gold badges24 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Are vue components nested objects when compiled?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related