monteecristoo’s blog

https://twitter.com/irakaarozo

Vuejs: $ref で得たデータを孫以降のcomponentと共有する方法

computed: {
  swiper() {
    return this.$refs.swiper.swiper
  },
}

この swiper を孫以降の component で共有したい場合

provide - inject 

>>> provide は data, method しか共有できない

mixin

>>> this.$refs が使えない

Vuex の state で共有

>>>

親 component から mounted() で vuex の action を実行して state に swiper を格納

mounted() で実行した action は chrome の vuejs debugger では Base State に含まれることに注意