bookreadkun https://blog.hatena.ne.jp/bookreadkun/ おーみんブログ https://oooomincrypto.hatenadiary.jp/ Vue.js はじめに ミックスインを用いて各コンポーネントで記載されている同じような処理を一つの処理にまとめてみたいと思います。 ミックスイン(Mixin) ミックスインを用いると、各コンポーネントで作成している処理に同じ処理があった場合にそれらを一つにまとめることができます。 ミックスイン | Vue.js 例えば以下のような感じ。 <template> <div> <div>{{ greetMessageToUpperCase }}</div> </div> </template> <script> export default { data() { return { greetMessage: "G… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Foooomincrypto.hatenadiary.jp%2Fentry%2F2022%2F07%2F17%2F073013" title="ミックスインを用いて同じ処理を一つにまとめる！ - おーみんブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538249/7ebed200-b6cc-3510-2f4d-cdfc066124c7.png Hatena Blog https://hatena.blog 2022-07-17 07:30:13 rich https://oooomincrypto.hatenadiary.jp/entry/2022/07/17/073013 1.0 100%