のぐそんブログ

暗いおじさんがシコシコ書くブログです。

Vue.js

Vueでunitテストをする為の基礎基礎メモ

準備 vue-cliでプロジェクトを作成する Jestを利用する。 vue-test-utilsを利用する(vue-cliでプロジェクトを作成した場合はインストール済み)

Vue.jsのmixinで簡単共通化メモ

mixinで共通化をする mixin機能を利用することで、複数のコンポーネントで処理を共通化することができます。 使い方 例えば、以下のようなコンポーネントがあり、createdの処理と、methodsを共通化する為mixinにしたいと思います。 <template> <div :style="style">{{ name }} </div> </template> <style> </style> <script> export …

vueのカスタムディレクティブのメモ

カスタムディレクティブ v-xxxのようなオリジナルのディレクティブを作成することができる。 ディレクティブのオプション オプション 内容 bind ディレクティブが対象の要素に紐付いたときに1度だけ実行される inserted 紐ついた要素が挿入されたタイミング…

vueでtransitionを利用するメモ

vueではtransitionコンポーネントを利用することで、わりと簡単にアニメーションを実現することができます。 公式を見たほうがより詳しいので、公式を見ることをおすすめします。

Vueで親コンポーネントから子コンポーネントのスタイルを変更する方法

Vueで親コンポーネントから子コンポーネントのスタイルを変更する方法です。

Vueで無料の範囲でFont Awesomeを使う

無料の範囲でFont Awesomeを利用する方法です。 理解に地味に時間がかかったのでメモしておきます。 fontawesome

Vuexの基礎基礎自分用メモ

Vuexを使うためのメモ。 部分的にしか書いてないので、あまり参考にならないと思います。

Code Splittingメモ

Code Splitting Vue cliでプロジェクトを作成した場合にrouter.jsのcode-splittingの記述が気になったので調べてみた。

Vue CLI 3での開発環境を作るの基礎の基礎

Vueをやりたかったので、調べたことをメモします。 Vue CLI 3になり、ファイル交際やコマンドなども結構変更になっているようです。