Vue语法糖
v-bind
<!-- 完整语法 -->
<a v-bind:href="url">...</a>
<!-- 缩写 -->
<a :href="url">...</a>
<!-- 动态参数的缩写 (2.6.0+) -->
<a :[key]="url"> ... </a>
可以用来动态的绑定属性,比如图片的链接(src)、网站的链接(href)、动态绑定一些类(class)、样式(style)
<a :href="link">你好世界</a>
v-model
<input v-model="searchText" />
等价于
<input :value="searchText" @input="searchText = $event.target.value" />
组建上使用
<custom-input
:model-value="searchText"
@update:model-value="searchText = $event"
></custom-input>
yarn create @vitejs/app beans --template vue-ts