mah666hhh https://blog.hatena.ne.jp/mah666hhh/ スリ飯屋MaLankaのフリーエンジニアな日々 https://www.malanka.org/ 技術関連 技術関連 - Vue.js １、共通化したいmethodsやcomputed等を記述したファイルを作成する。 例として utils.js を作成します。 パスは javascript/packs/mixins/utils.js とします。 以下は、moment.jsで日時をparseする関数です。 # utils.js import moment from 'moment' export default { methods: { startParse: function(start) { return moment(start).format('YYYY-MM-DD') }, endParse: function(end) { return moment(end).format('YYYY-MM-DD') } } } ２、１のmethodsを使用するコンポーネントに以下を記述します。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.malanka.org%2Fentry%2FCommon-Vue-js-methods-and-computed" title="【Vue.js】methodsやcomputedを共通化(mixin)する - スリ飯屋MaLankaのフリーエンジニアな日々" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/mah666hhh/20201119/20201119134410.png Hatena Blog https://hatena.blog 2020-11-19 13:45:47 rich https://www.malanka.org/entry/Common-Vue-js-methods-and-computed 1.0 100%