[Vuejs]-EXTENDS/MIXIN – how access DATA() and change MERGE way?

by

0👍

MUST KNOW

VUE 2.5.2 will return ( try/test https://codesandbox.io/s/vue2-extends-example-q5rcpk )

Original/base 'tag':
Original component: Test String
{ "name": "Jack", "id": 1111 }
------------------------------------
EXTENDED 'tag':
EXTENDED component: Have this too
plus THIS OTHER PROP and NaN
user: { "id": 9999, "name": "Jack" } <------ VUE 2 MERGE

VUE 3.0.2 will return ( try/test https://codesandbox.io/s/vue3-extends-example-o50lh1 )

Original/base 'tag':
Original component: Test String
{ "name": "Jack", "id": 1111 }
------------------------------------
EXTENDED 'tag':
EXTENDED component: Have this too
plus THIS OTHER PROP and NaN
user: { "id": 9999 }                 <------ VUE 3 MERGE

1 – you can find some information about this at https://v3-migration.vuejs.org/breaking-changes/data-option.html and a mention "Migration build flag: OPTIONS_DATA_FN" but I’m looking for a way to merge like VUE 2 just into one simple component/page not all project

2 – the "NaN" it’s a start to ask: Is there a way to read data from original/base component into data() section of extended component? Because they are accessible in and methods: like example code above do

Leave a comment