Vue.js
Vue.jsについて
otoshi
Vue.js とは？
wiki によると
Web アプリケーションにおけるユーザーインターフェイスを構築するための、オープンソースの JavaScript フレームワークである。
要はユーザーが実際に操作する画面側を構築するためのフレームワーク。
少し歴史
Evan You（エヴァン・ヨー）という元 Google 社員が開発した JS フレームワーク。 2014 年頃らしい。
React → FaceBook と有志
Angular → Google と有志
Vue は個人と有志によって作られている。
こんな感じで Vue.js が使われている
実際の画面とコードを見ながら見てみよう
Vue.js の独特な書き方とバインドという考え方
新型コロナウィルス感染症対策サイト 最新のお知らせ部分のコード
ポイント
-
HTML,CSS,JS が.vue に詰まっている。
-
{{ $t(‘最新のお知らせ’) }} が意外と面白い。
“最新のお知らせ”: “What’s new”
“最新のお知らせ”: “Dernières actualités”
“最新のお知らせ”: “いちばん あたらしい こと”
Vue.js のライフサイクルフックについて
画像に computed(算出プロパティ)がないので補足
JAVA でいうところの getter、setter の認識でほぼ正しいです。
ドキュメントオブジェクトモデル (DOM)
Document Object Model (DOM) は、— ウェブページを表す HTML のように — 文書の構造をメモリ内に表現すること
リンク集
リンク集
こんなフレームワークもある(Vue.js 公式サイトに記載されているフレームワーク)。