模板中实现数据绑定:

①内容绑定:
<text>{{表达式}}</text>
②属性绑定:
<any v-bind:属性名="表达式"/>
<any :属性名="表达式"/>
③样式绑定:
<any :style="{属性名: 表达式}" :class="{类名: 表达式}"/>
④事件绑定:
<any v-on:click="处理方法"/>
<any @click="处理方法(实参列表)"/>
⑤双向数据绑定:
<input v-model="模型变量名"/>
⑥条件渲染:
⑦列表渲染:
<any v-for="(item, idx) in 数组变量" :key="idx" />

posted @ 2023-10-09 17:33  菜菜00  阅读(13)  评论(0)    收藏  举报