1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Nuxtでthisから呼び出すライブラリ, モジュールなどを共通化する

Last updated at Posted at 2020-01-06

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()などを呼び出せました。
とりあえず目的は達成出来たのでこれで良しとします。思ってたものではなかった場合すみません。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?