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值可以被显性地用于移除绑定

评论(共0条)