学習記録
前提：過去にVueとNuxtは3冊の書籍を勉強したことがあるため復習の意味合いもあります。
読んだことがある書籍
Vue.jsのツボとコツがゼッタイにわかる本 http://urx.blue/MVYP
Vue.js&Nuxt.js超入門 http://urx.blue/SCxw
Nuxt.jsビギナーズガイド http://urx.blue/cvst
7/7 ~ 7/10(定時後)
BookStoreのモック作成(ログイン、新規作成、本一覧、本投稿、カートページ)
通勤・空いた時間に視聴
タイトル：超Vue.js 2 入門 完全パック - Vueでアプリを作りたい方必見！ (Vue Router, Vuex含む)
https://www.youtube.com/watch?v=wy3hqhDPztQ
7/11(土)
復習: Vue.jsのツボとコツがゼッタイにわかる本 http://urx.blue/MVYP の第2章を模写(完了)
https://jsfiddle.net/uebm487p/139/
7/12(日)
復習: Vue.jsのツボとコツがゼッタイにわかる本 http://urx.blue/MVYP の第3章を模写(完了)
復習: Vue.jsのツボとコツがゼッタイにわかる本 http://urx.blue/MVYP の第5章を模写(途中)
7/13(月)、7/14日(火)
復習: Vue.jsのツボとコツがゼッタイにわかる本 http://urx.blue/MVYP の第5章を模写(完了)
復習: Vue.jsのツボとコツがゼッタイにわかる本 http://urx.blue/MVYP の第6章を模写(途中)(完了)
7/16(木)
復習: Vue.js&Nuxt.js超入門 第2,3,4章を確認・模写。{
https://jp.vuejs.org/v2/api/#render
v-bindは属性に設定される(再確認)
v-bind:style v-bind:class
v-if flag(true and false)で切り替える
v-for="(items,id) in items"> idを取得する方法
オブジェクトはユニークで取り出したときに値の順番は保証されない
v-ifとv-forを汎用。v-forが優先される。
$emitの第二引数にあたいを設定する親の関数に引数で取得することが可能。
props内でtype,default,validateでバリデーションチェックができる。
算出プロパティは、get,setが設定できる。getは設定しsetは値をもとに戻すイメージ？
イベント修飾子。.stopはイベントの継承を止める。_selfは自身の発火を止め、
自身が発火した場合は発火する。
slotはタグ内の文字を表示する。
}
超Vue.js 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)を購入
http://urx.blue/7wjR
7/17(金)
超Vue.js 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
http://urx.blue/7wjR セクション1(完了) セクション2(途中)
7/18(土)
超Vue.js 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
http://urx.blue/7wjR セクション2(完了) セクション3(完了) セクション4(完了) セクション5(完了)
7/19(日)
超Vue.js 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
http://urx.blue/7wjR セクション6(完了) セクション7(完了) セクション8(完了) セクション9(完了)
7/20(月)
超Vue.js 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
http://urx.blue/7wjR セクション10(完了)
7/21(火)
超Vue.js 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
http://urx.blue/7wjR セクション11(完了)
7/22(水)
超Vue.js 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
http://urx.blue/7wjR セクション12(途中)
7/23(木:祝日)
超Vue.js 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
http://urx.blue/7wjR セクション12(完了) セクション13(完了)
https://codesandbox.io/s/relaxed-joliot-neg70?file=/src/App.vue
7/24(金:祝日)
超Vue.js 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
http://urx.blue/7wjR セクション14(完了) セクション15(完了)
7/25(土)
超Vue.js 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
http://urx.blue/7wjR セクション16(完了)
https://codesandbox.io/s/strange-hawking-59vcp