vue基础必备基础指令(自我总结)

57 阅读1分钟
  • v-model 数据绑定
  • data 返回对象用 return
  • v-for 循环 格式 v-for="字段名 in(of) 数组json"
  • v-show 显示 隐藏 传递的值为布尔值 true false 默认为false
  • v-if 显示与隐藏 和v-show对比的区别 就是是否删除dom节点 默认值为false
  • v-else-if 必须和v-if连用
  • v-else 必须和v-if连用 不能单独使用 否则报错 模板编译错误
  • v-bind 动态绑定 作用: 及时对页面的数据进行更改
  • v-on 绑定事件 函数必须写在methods里面
  • @click 快捷方法
  • v-text 解析文本
  • v-html 解析html标签
  • v-bind:class 三种绑定方法 1、对象型 '{red:isred}' 2、三目型 'isred?"red":"blue"' 3、数组型 '[{red:"isred"},{blue:"isblue"}]'
  • v-once 进入页面时 只渲染一次 不在进行渲染
  • v-cloak 防止闪烁
  • v-pre 把标签内部的元素原位输出