Vue.jsのツボとコツがゼッタイにわかる本[第2版]
を読んだので学んだことを書いて行く
・本書の内容
コードを順序立ててVuejsを説明していく本。
最初は普通のjsで一個で作る。
それをjs分割する
最後に.vueにするって形で、vue cliを使う形にする。
また、本書はAmazonレビューみるとvue2系って書いてあるけど、vue3系です。
Vuejs
・タグへvue構文の設定
v-bind
v-if
v-for
v-bind:class=”{aaa:条件}”
v-html
みたいなタグを打つことでタグごとにfor文やif文の条件をつけれる
・データバインディング
v-model
https://qiita.com/JetNel0/items/8aa1de448a16eb0c5e42
・マスタッシュが一瞬見える問題
v-cloakをつけると解消する
https://reffect.co.jp/vue/vue-js-v-cloak-directive
・関数
watch,computed等が定義されてそれがタイミングによって呼ばれる
・子コンポーネントから親コンポーネントへデータを渡す
this.$emit
でデータを送る
CSS
・justify-content
gridで指定するCSS
https://developer.mozilla.org/ja/docs/Web/CSS/justify-content
・em
基準値
https://web-camp.io/magazine/archives/102270
エラー
・文字化け
metaタグの指定が漏れてる
https://tkstock.site/2022/06/27/vue-js-janapanese-encode-error-shijtjis-utf8/
・vue/multi-word-component-names
コンポーネント名は単語二つにしないといけないのがvueのルールらしい
https://teratail.com/questions/pejnrhska3wi4f
・export ‘createApp’ was not found in ‘vue’
Vue2系でなくVue3系を使うようにすると直る
https://stackoverflow.com/questions/67298076/export-createapp-was-not-found-in-vue
本書はVuejsのとっかかりとしてはとても良い本だと思います。
Reduxの説明等が省かれてるので、本気で使うなら内容はキャッチアップが必要かな
これからVuejs始める人にはおすすめしたい一冊です。
