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

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

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

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

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

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

AD

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

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

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

jQueryで頑張ってしまったことを猛省してLaravel MixでVue.jsを勉強した

jQueryで頑張ってしまったことを猛省してLaravel MixでVue.jsを勉強した

豆乳とコストコのマフィンが好きなtomita@atuwebです。 この数年、たいへんなスピードでフロントエンド開発技術が発展しておりますね。 私はバックエンド開発が続いていたことを言い訳に、直近の小規模なWebツール開発をjQueryで頑張ってしまったため、次は同じ轍を踏まない ためにVue.jsを勉強してみました。 jQ...