3. Vue指令
创建时间:2022-10-29 01:08
长度:438
浏览:0
评论:0
指令带有前缀v-,以表示它们是 Vue 提供的特殊 attribute
v-on 绑定事件
普通: <span v-on:click="fn">...</span>
缩写: <span @click="fn">...</span>
动态参数: <a v-on:[eventName]="fn"> ... </a>
v-bind 绑定属性
普通: <span v-bind: title="message">test</span>
缩写:<span :title="message">...</span>
动态参数:<a v-bind:[attributeName]="url"> ... </a>
v-once 绑定值初始化后不再更新渲染,尽管data 中的值再次发生变化
v-html 输出HTML 注意:{{}}只输出普通文本
v-model 双向数据绑定;
动态参数预期会求出一个字符串,异常情况下值为null。这个特殊的null值可以被显性地用于移除绑定