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