vue当中的指令和它的用法?

 v-html:可以解析标签型数据( 可以将一个数据展示在一个dom的内容中( 相当于使用了 innerHTML

  v-text:可以将一个数据展示在一个dom的内容中( 相当于使用了 innerText)

  条件渲染的指令
  v-show
  可以控制一个dom的显示隐藏( 这个指令操作的是dom的display属性 )

  v-if
  可以控制一个dom的存在与否( 创建 和 销毁 )

  v-if vs v-show 区别
  v-if 操作的是dom元素( 组件 ) 的创建或是销毁
  v-show 操作的是dom元素的display属性
  v-if可以有多种使用形式: 单路分支, 多路分支, 双路分支
  v-show 只能写一个单路形式
  一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。
  因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。
  v-if
  v-else
  可做双路分支的一个判断

  v-if
  v-else
  v-else-if
  可做多路分支的一个判断

  v-bind单项数据绑定: 将一个数据绑定在一个dom的属性上

 样式的绑定:
 v-bind: style = “”

 事件 v-on使用

 v-model双向数据绑定


 

posted @ 2021-11-26 09:07  Gavin_j  阅读(142)  评论(0编辑  收藏  举报