vue3のテンプレート内で使う変数
特殊変数(special variable)
<button @click=”warn(‘Form yet.’, $event)”>Submit</button>
<div>{{$props}}</div>
<div>{{$parent.text}}</div>
<button class=”btn” v-bind=”$attrs“>click me</button>
特殊関数
<button @click=”$emit(‘someEvent’)“>click me</button>
自分で定義した変数
グローバル
その他の$付き変数で自分で命名したもの = globalProperties に設定されたもの
<div>{{$gloval}}</div>
<div>{{$aiueo}}</div>
ローカル
$なしの変数
・propsのキー
・またはv-forで生成された変数
・またはscript内での戻り値のobjectのkey
<div v-for=”str in yamada“>{{str}}</div>
<script>
return {
yamada: [‘a’, ‘b’, ‘c’],
}
</script>
