Vue.js 3 やってみた

frontend

最新の Vue.js 3 リリースされましたね!

早速試してみたいと思い

以下の記事のサンプルコードを実行してみました。
macOS Catalina で動作確認済み

JavaScriptフレームワーク「Vue 3」の新機能紹介 第1回
新Vue.js「Vue 3」でコンポーネント実装法を大きく変える「Composition API」
https://codezine.jp/article/detail/12584

JavaScriptフレームワーク「Vue 3」の新機能紹介 第2回
新Vue.js「Vue 3」で便利に使えるさまざまな新機能を先取りで紹介
https://codezine.jp/article/detail/12611

サンプルコードは Vue.js 3 の alpha バージョンを使っていたので、正式版を使うように修正しました。

動作を確認したコードは github にアップしました。
Vue.js 3 の学習が目的なので Vue.js 2 のコードは省略しました。
https://github.com/aship/test_vue

基本的には

% yarn install

して

% yarn serve

をすれば実行され、ブラウザで

http://localhost:8080

にアクセスすれば確認できます。

Vue.js でオススメの書籍は以下です。(以下の本は Vue.js 2 の本です)

Vue.js入門 基礎から実践アプリケーション開発まで

コメント

タイトルとURLをコピーしました