Upgrade to Pro — share decks privately, control downloads, hide ads and more …

あえてPHPerにすすめるVue.js入門

 あえてPHPerにすすめるVue.js入門

PHPConference 関西2018

昔はあなたもPHPでフロントのコードでUX作ってませんでした?
「UX作るほうが面白い!」「フロントエンド興味ある」「jQueryはちょっと……」そんなあたなたにLaravel先生も推してるVue.js!
Vue.jsってこんなものなんですよ!Vue.jsはいいぞ!

果物リン

July 14, 2018
Tweet

More Decks by 果物リン

Other Decks in Programming

Transcript

  1.   php artisan serve & npm run hot •

    LaravelͱVueΛىಈ͢Δ • npm run hot ͸
 VueίϯϙʔωϯτͷίϯύΠϧɺαʔϒ༻ ։ൃ؀ڥͷىಈ
  2. Πϕϯτͱϝιουͱ දࣔඇදࣔ·ͱΊ • v-if : trueͷ͚࣌ͩදࣔ • v-else : લͷ৚͕݅falseͷ͚࣌ͩදࣔ

    • ཭Εͨ৔ॴ͸ v-if="!hoge" ͱ͔Ͱʂ • v-on:click="method" ͰΫϦοΫ࣌ʹʙ  
  3. ഑ྻͱϧʔϓ ·ͱΊ • ഑ྻ͸ {{lists[0]}}, {{lists[1]}} Ͱදࣔ • ϧʔϓ͸ v-for="[ཁૉ]

    in [഑ྻ]" • Ωʔ΋औΓ͍ͨ࣌͸
 v-for="([ཁૉ], [key]) in [഑ྻ]"