今すぐ案件紹介をご希望の方へ
このブログから登録の多いエージェントは下記の３つです★
（リンクをクリックすると公式サイトに飛びます）
✅【ダントツの１番人気】フォスターフリーランス【案件保有数５０００件以上。業界２５年の超老舗】
こんにちは、現役沖縄フリーランスエンジニアのmah（MaLanka）です。
このブログでは、
僕がIT未経験から約1年でフリーランスエンジニアになるまでの過程、
ノウハウなどを書いていきます。
今回は、
- 【Vue.js】methodsやcomputedを共通化(mixin)する
について書いていきます。
【Vue.js】methodsやcomputedを共通化(mixin)する
手順
１、共通化したい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を使用するコンポーネントに以下を記述します。
# some_component.vue
export default {
import utilsMixin from '../utils.jsへのパス'
mixins: [utilsMixin] // 上記mixinを使用する宣言
}
こうすると、
２のコンポーネント内で、
１のutils.jsで定義したmethodsを使用できます。
# some_component.vue
<td>{{ startParse(task.start) }}</td>
<td>{{ endParse(task.end) }}</td>
以上です。
Vue.jsや流行りのTypeScriptを学びたい人へ
Vue.js
、TypeScript
、React.js
を学習するなら、Udemyの下記のコースがおすすめ★
（自分も全て受講しました）
- Vue.js
✅Vue.js + Firebaseで作るシングルページアプリケーション
- TypeScriipt
✅ハンズオンで学ぶ TypeScript - JavaScript エンジニアのための TypeScript徹底入門
- React.js
✅フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門
最後に
下記の表に、
フリーランスエンジニア向けの人気エージェントをまとめてみました。
エージェント選びで悩んでいる方は是非参考にしてみてくださいね★
| エージェント | 詳細 | 最高単価/月 | 設立 |
|---|---|---|---|
|
|
評判をチェック | 180万円/月 | 2011年 |
ギークスジョブ
|
評判をチェック
|
180万円/月 | 2011年 |
フォスターフリーランス
|
評判をチェック | 230万円/月 | 1996年 |
| pe-bank(pebank) | 評判をチェック | 200万円/月 | 1989年 |
|
Midworks(ミッドワークス) |
評判をチェック | 200万円/月 | 2013年 |
|
|
評判をチェック | 140万円/月 | 2005年 |
あわせて読みたい
