シェルスクリプトマガジン

作りながら学ぶVue.js入門(Vol.96掲載)

著者:大津 真

JavaScriptフレームワークの中でも、学びやすさと柔軟さで人気を集めている「Vue.js」。本連載では、Vue.jsの基礎から実践的な使い方までを、分かりやすく丁寧に解説していきます。一緒にフロントエンド開発の楽しさを体験してみましょう。第1回では、Vue.jsの概要と、簡単なアプリの作成方法を紹介します。

シェルスクリプトマガジン Vol.96は以下のリンク先でご購入できます。

図3 Options APIを利用したコードの例(抜粋)

図4 Composition APIを利用したコードの例(抜粋)

図5 SFCファイルの記述例

図6 HTML文書のテンプレート例

図8 「sample1.html」ファイルに記述するコード

図10 setup()関数の定義コードをこのように変更

図12 div要素の記述をこのように変更