Vue2 から Vue3 になり、出来ることは変わりませんが、
以前では root context にアクセスするためには、this という書き方でよかったものが、composition-api に変わった今後、どのように書けばよいのかを書きます。
例えば、this.$scrollmagic と書けていた、pluginsで設定された $scrollmagic などに、どうやってアクセスすればよいのか。
context の中の root から、取得することが出来ますが、こちらは deprecated になっているため、おすすめしません。
export default defineComponent({ setup (_props, context) { // any にするのはおすすめしませんが、簡単に表現するため const scrolmagic = (context.root as any).$scrollmagic } })
getCurrentInstance を使い取得する
import { defineComponent, getCurrentInstance } from 'vue' // or from '@vue/composition-api' // or from '@nuxtjs/composition-api' export default defineComponent({ setup () { const root = getCurrentInstance() const scrolmagic = (root as any).$scrollmagic } })