vue中v-bind 和 v-on 指令

v-bind指令

https://uniapp.dcloud.net.cn/tutorial/vue3-basics.html#v-bind

https://cn.vuejs.org/guide/essentials/template-syntax.html#attribute-bindings

v-bind动态地绑定一个或多个属性，v-bind缩写为‘ : ’，可以用于响应式地更新 HTML attribute。例如：

<image v-bind:src="imgUrl"></image>

简写为：

<image :src="imgUrl"></image>

v-on 指令

https://uniapp.dcloud.net.cn/tutorial/vue3-basics.html#v-on

v-on 指令，它用于监听 DOM 事件。v-on缩写为‘ @ ’。例如：

<view v-on:click="doSomething">点击</view>

简写为：

<view @click="doSomething">点击</view>