thisからのアクセス
例えば$store
, $router
, $auth
にアクセスする場合this.$store
, this.$router
, this.$auth
などthisからアクセスするかと思います。
それはそれで問題ないのですが、同じ処理も増えてきた時に共通化を行う必要が出てきました。
Mixinsを使うだろうという予想はつきましたがNuxtドキュメントでは思うようなものが見つからなかったので共有です。
mixins/router.js
export const router = {
methods: {
toHoge() {
this.$router.push('/hoge')
},
toFoo() {
this.$router.push('/foo')
},
}
}
pages/hoge.vue
<script>
import { router } from '~/mixins/router.js'
export default {
mixins: [router]
}
</script>
以上です。これでtoHoge()などを呼び出せました。
とりあえず目的は達成出来たのでこれで良しとします。思ってたものではなかった場合すみません。