[Vue.js]Mixinで処理の共通化を図る

[Vue.js]Mixinで処理の共通化を図る

Vueの勉強が着々と進みmixinを覚えましたため、使い方をまとめます。 mixinとは mixinとはVue.jsが提供する「再利用のための仕組」みです。 公式から引用します。 ミックスイン (mixin) は、Vue コンポーネントに再利用可能で柔軟性のある機能を持たせるための方法です。 ミックスインオブ...

[WordPress]古いブログ記事にアラートを表示するプラグイン

[WordPress]古いブログ記事にアラートを表示するプラグイン

作成したWordPressプラグインのご紹介です。 これは何? 技術系ブログで時々目にする「この記事は1年以上前に公開されたため、情報が古い可能性があります」というアラートを出すためのプラグインです。 表示イメージ。 アラートを出すためのノウハウは散見されましたが、プラグイン形式のものは見受けらませんでしたため、手軽...

AD

[Vue.js]BootstrapとVue.jsでイケてるフォームを実装する

[Vue.js]BootstrapとVue.jsでイケてるフォームを実装する

Bootstrapを利用してフォームを実装しましたため、v-modelやバリデートなどについてまとめます。 イケてるフォーム 初期状態です。 入力内容に不備がある入力欄はエラーとして赤字、赤枠で表示します。 また全ての不備が取り切れるまでSubmitボタンはdisabledとします。 何か入力し、エラーがなくなるとリ...

[Vue.js]コンポーネントの親子連携を理解する

[Vue.js]コンポーネントの親子連携を理解する

Vue.jsを触って早数週間経過します。 最も理解に時間がかかったコンポーネントの連携についてまとめてみます。 理解が怪しいところはマサカリをお願いいたします。 ゴール 子コンポーネントから親コンポーネントの関数を呼び出す 環境 Node.js 7.7.1 npm 4.4.2 Vue.js 2.2.4 prop...