Vue3: 構文シュガーのセットアップ

1. 構文シュガーのセットアップ

 <script> タグにセットアップを直接記述すると、次のステートメントは変数や関数を返す必要がなく、使いやすくなります。

2.refの使用

refを使用する前に、refをインポートする必要があります

インポート後にのみ使用できます。使用しない場合はエラーが報告されます。

 参照データを定義する

const open=ref(false)

HTMLでは[open]を直接使用し、スクリプトでは[open.value]を使用します

この種のオブジェクトまたは配列と同様に、HTML では [formInline.billNo]、スクリプトでは [formInline.value.billNo] を使用します。 

3. フック関数クラス

使用する前に、最初のステップを導入する必要があります

 スクリプト環境で直接使用できます

onMounted(()=>{

 })

 4. 通常の機能

const handleSizeChange=()=>{
    labellist()
}

const を使用して変数を宣言し、アロー関数と組み合わせて使用​​します。

呼び出す場合はこれを追加する必要はなく、直接呼び出すだけです。

5. スプレッド演算子

フォームがすでに定義されている場合は、スプレッド演算子を使用してフォームを複製できます。

const form1=ref({
   ...form.value
})