[書評]Vue.jsのツボとコツがゼッタイにわかる本を読んでわかった


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始める人にはおすすめしたい一冊です。

関連記事:

Pocket