配列をクリアするには splice(0)メソッドを使用します。ref 配列の場合は value.splice(0) です。
配列をクリアする方法
splice メソッドの引数に 0 を指定すると配列がクリアされます。配列オブジェクト.splice(0);
ref 配列の場合
ref の場合、value プロパティ経由で splice(0) メソッドを実行します。// ref 配列
const refArray = ref(['ref1', 'ref2']);
// ref 配列をクリア
refArray.value.splice(0);
reactive 配列の場合
reactive の場合、普通の配列と同様に splice(0) メソッドを使用します。// reactive 配列
const reactiveArray = reactive(['reactive1', 'reactive2'])
// reactive 配列をクリア
reactiveArray.splice(0);
検証環境
- Vue.js 3.1.1
- typescript 4.3.2
- Node.js v14.17.0
- Microsoft Windows 10 Pro Version 20H2 OS Build 19042.1055 Experience: Windows Feature Experience Pack 120.2212.2020.0