vue的常用指令与作用

171 阅读1分钟
  • v-model:多用于表单元素实现双向数据绑定(同angular中的ng-model)( ng-mode的理解,将输入域的值与 AngularJS 创建的变量绑定)

  • v-for:格式;v-for=“字段名 in(of) 数组json” 循环数组或者json,在vue2开始已经取消了$index

  • v-show:显示内容(同angular中的ng-model)

  • v-hide:隐藏内容(同angular中的ng-model)

  • v-if:显示与隐藏(dom元素的删除添加,默认值为false)

  • v-else-if:和v-if连用

  • v-else:和v-if连用,不能单独使用,否则会报错,模板编译错误

  • v-bind:用于动态绑定的作用,及时对页面的数据进行更改

  • v-on:click:给标签绑定函数,可以缩写成@click,绑定一个点击事件,函数比喻写在methods里面

  • v-text:解析文本

  • v-html:解析html标签

  • v-bind:class:三种绑定方式 1,对象型{} 2,三元型"isred?red:blue"(三元运算符) 3,数组型[]

  • v-once:进入页面是只渲染一次不在渲染

  • v-cloak:防止闪烁

  • v-pre:吧标签内部的元素原为输出