Vue.js + Vuex でゼロからササッと2週間でフロントアプリ作り直してみて。 - FLINTERS Engineer's Blog
元記事はこちら→http://qiita.com/h0ng0yut0/items/9e1bb519966c905641ca この記事は、ただのFlux的な実装してみたことの雑記です。m( )m "なんとなく"JSのブラウザクライアント側の仕事めんどくさいなぁ〜と思ってた 巷でよくきく話 「なんか、いじるの怖い〜」 「なんか、少しいじったらアプリ壊れた〜」 一言でいうと、改修の影響範囲が見づらい問題ですよね。 こういうことってしばしば起こるんですが、結構 俗に言う"バケツリレー"たくさんある＆多岐に渡る → めんどいなぁわからんなぁ の流れが多い気がします。 そんなこんなで、 バケツリレー辞めたい。 → データのフローが1方通行で、アプリの状態が1箇所にまとまるFlux的なものやりましょう。 という流れはどこもありそう。 やってみて 基本的なVuexの考え方 以下の感じですね。 なんか、こう
[図解]Vue.js2.x系で親子コンポーネント間でデータの受け渡しをする方法
引用: Components#Composing Components - vue.js Vue.jsで親子コンポーネント間でのデータの受け渡しは、原則としてPass Props/Emit Eventsで行う。 親コンポーネントから子コンポーネントへデータを渡すときはPropsを使い、子コンポーネントから親コンポーネントへデータを渡すときはEmitでイベントを発火させる、ということらしい。 ただ、公式ドキュメントに載っている図を見るだけではよくわからなかったので、実際にサンプルを作ってみた。 親子コンポーネント間でデータの受け渡しをする方法 <div id="app"> <div class="parent"> <h2>Parent</h2> <!-- 子コンポーネントからのデータを表示 親.applyメソッドで更新される --> <p>{{ messageFromChild }}</p>
![[図解]Vue.js2.x系で親子コンポーネント間でデータの受け渡しをする方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/3e2407ba7d8fb2983c260617cf5c8d799d8516b7/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEjbjVTF6b1dMxmqfReQmbC4ZM_IP8UH8WTF3f0U-3TNqQCNBA5_gqqBWX1X2iD-Fb5cQbYJGwk2k0qRCaPAQTVKqMQFciyBwwVqwiYjwqyiNjtIDlPGABH-DjvHQDqI1RWq1p75YuMCX2XC%2Fw1200-h630-p-k-no-nu%2Fprops-events.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
