VueJS Passing object in props

Question

I am building controllers for sets of items. I am currently create a Javascript object, complete with functions and storing it in the data of the Vue instance. I am then passing this object like: <dynamic-table :table-object="objTable"></dynamic-table>

I am wondering if this is passed by reference or is it making a deep copy of the object every time the view is rendered.

I know VueEx might be a better solution but I am not able to use NodeJS for this project.

Vuex doesn't need Node.js. Where'd you get that idea? Use the "direct download" version on vuex.vuejs.org/en/installation.html. — ceejayoz
– ceejayoz, Commented Mar 8, 2018 at 17:45

user4345609 · Accepted Answer · 2018-03-08 19:19:58Z

2

The object is passed by reference. You can make a deep copy of the object inside the <dynamic-table>-component as follows:

data() {
    return {
      tableObject: JSON.parse(JSON.stringify(this.tableObj)),
    };
},

answered Mar 8, 2018 at 19:19

user4345609

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

1 Comment

Ruttyj Over a year ago

Perfect, I was worried that doing things this way might have a horrible unseen complexity.

Collectives™ on Stack Overflow

VueJS Passing object in props

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related