内置指令

Vue内置指令的使用

Vue内置指令:v-model、v-for、v-show、v-if、v-bind、v-on等的使用

2018-07-03侠课岛    初级拔高       

前端/前端必修/Vue快速入门 35     0     4699

Vue内置指令

    v-model
        数据绑定

    v-for
        循环
        格式  v-for="字段名 in(of) 数组 or json"

    v-show
        显示 隐藏
        传递的值为布尔值  true  false  默认为false

    v-if
        显示与隐藏
        与v-show对比的区别 删除dom节点   默认值为false

    v-else-if
        必须和v-if连用

    v-else
        必须和v-if连用
        不能单独使用

    v-bind
        动态绑定
        及时对页面的数据进行更改
        v-bind:id  =>  :id
        v-bind:disabled  =>  :disabled
        v-bind:href  =>  :href
        v-on:click  => @click

    v-on
        绑定事件
        v-on:click
        v-on:keyup
        v-on:keydown

    v-text
        解析文本

    v-html
        解析html标签
        (慎用!防止XSS攻击)

    v-bind:class
        对象         { red:isred }
        三目运算符    isred ? "red" : "blue"
        数组         [{red:"isred"},{blue:"isblue"}]

    v-once
        只渲染一次 不在进行渲染

    v-cloak
        防止闪烁
        [v-cloak] {
            display: none;
        }

    v-pre
        原位输出标签内部的元素

本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

35

本课评分:
  •     非常好
难易程度:
  •     适中的
|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?