備忘録

備忘録

Vue.js で 子から親のdataにアクセスする

Ⅰ. はじめに

タイトルの通り「Vue.js で 子から親のdataにアクセスする」方法です。
この方法が推奨されているやり方かどうかは不明です…。

Ⅱ. やり方

親 main.js
new Vue({
  data () {
    return {
      hoge: 'abc'
    }
  }
})
子 xxx.vue

階層が深くなればなるほど $parent を増やせばアクセスできます。

export default {
  methods: {
    getParentValue () {
      console.log(this.$parent.$parent.$data.hoge)
    }
  }
}