Vue.jsの基礎と応用
ES6の新機能
モジュール化構文
デフォルトエクスポートとインポート:
export default myData;
import importedObject from './js/myData.js';
名前付きエクスポートとインポート:
export {myTest, areaData};
import {myTest, areaData} from './js/myData.js';
JavaScriptファイルからのエクスポート:
export {myTest, areaData};
HTMLファイルでのインポート:
<script ...
8月25日 17:32 投稿
Vue リアクティブ配列の操作パターン
Vue.js で配列を扱う際は「リアクティブシステムが変更を検知できるか」が鍵になる。以下では、配列を安全かつ効率的に更新するための実践的なテクニックを紹介する。
1. リアクティブに動作する破壊的メソッド
Vue は次の 7 つのメソッドをラップしており、呼び出し時に自動的に DOM を更新する。
push / pop
unshift / shift
splice
sort
reverse
// 末尾に追加
thi ...
5月26日 10:37 投稿