zoukankan      html  css  js  c++  java
  • 11.内置指令与自定义指令

    常用内置指令

    • v:text : 更新元素的 textContent
    • v-html : 更新元素的 innerHTML
    • v-if : 如果为 true, 当前标签才会输出到页面
    • v-else: 如果为 false, 当前标签才会输出到页面
    • v-show : 通过控制 display 样式来控制显示/隐藏
    • v-for : 遍历数组/对象
    • v-on : 绑定事件监听, 一般简写为@
    • v-bind : 强制绑定解析表达式, 可以省略 v-bind
    • v-model : 双向数据绑定
    • ref : 指定唯一标识, vue 对象通过$els 属性访问这个元素对象
    • v-cloak : 防止闪现, 与 css 配合: [v-cloak] { display: none }

    自定义指令

    • 注册全局指令
    Vue.directive('my-directive', function(el, binding){
    el.innerHTML = binding.value.toupperCase()
    })
    
    • 注册局部指令
    directives : {
    'my-directive' : {
    bind (el, binding) {
    el.innerHTML = binding.value.toupperCase()
    }
    }
    }
    
    • 使用指令
    v-my-directive='xxx'
    
  • 相关阅读:
    python生成CSV文件并发送邮件
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    扔鸡蛋
  • 原文地址:https://www.cnblogs.com/piao-bo/p/13513342.html
Copyright © 2011-2022 走看看