Vue.jsで学んだこと①

#はじめに
技術力向上のため、最近流行であるVue.jsを学んでみた。
最初はVue.jsはどういったものかというのを学ぶために、以下の書籍を読み一通り確認してみたので、書籍への感想をまとめてみました。

書籍「Vue.js開発入門」
https://www.amazon.co.jp/dp/B07KPTGZ4C/ref=cm_sw_r_tw_dp_K97J05KWX054YQ5F85BG

Vue.jsというものをそもそも知らなかったので、完全無知な状態ではじめました。

#読み始め
Javascriptの経験はあったので、はじめのところは理解しやすく、
またVue.jsとJavascriptではどういった違いや書き方があるのかというのがわかりやすかったです。
特にJavascriptの経験者からすると条件文を以下のようにHTMLで書けるのは簡単だと感じると思います。

<button v-if="isShow"></buton>

#読み進め
アニメーションをトランジション（transition）で簡単に実装できる！
これもJavascriptの経験者ならわかると思いますが、ライブラリを取得したり、CSSで設定したりと結構わからないことが多いと思います。

Vue.jsでは以下のように書くだけで簡単にアニメーションを実装できるのにビックリしました。

<style>
 .v-enter-active {
   transition: 0.5s;
 }
</style>

こうすることで0.5秒でそれぞれ動作するという設定になるようです。
こんなに簡単にアニメーションを使えるなんて、すごい！

#読み終わり
Vue.jsを知らない人としては、はじめのとっかかりとしてはわかりやすく書かれていて
読み終えた時には「Vue.jsを使ってこういうものを作ってみたい」などやる気が出ました。

今後Vue.jsを使って引き続きフロントのページを作っていきたいと思います。