VueJS access child component's data from parent

Question

I\'m using the vue-cli scaffold for webpack

My Vue component structure/heirarchy currently looks like the following:

• App
  • PDF Template
    <

Answer 1

you can meke ref to child component and use it as this this.$refs.refComponentName.$data

parent-component

 methods: {
  save() {
   let Data = this.$refs.nameOfRef.$data;
 }
},