zoukankan      html  css  js  c++  java
  • vue指令

    1,v-pre,标签中的内容不需要通过vue的渲染,直接保持最原始的模样

    <div v-pre>{{ "hello world" }}</div>

    2,v-clock   解决用户看不到{{}}的情况,必须配合css一起使用

    <div v-cloak>{{ "hello world" }}</div>

    3,v-once  只能渲染一次,vue里面有内部的缓存,视图中的值从缓存中读取

    <div v-once> {{ name }} </div>

    4,v-html  innerHTML里面的值一定要可靠的来源,不可靠的值可能造成xss攻击

        <div v-html="dom">sdfsdfs</div>

    5.v-text innerText  一样改变文本内容

    <div v-text="name">hello</div>

    6,v-if  v-else-if  v-else  顾名思义,就和JavaScript里面的判断一样用,注意不能分开,中间不能有其他插入。

    <h1 v-if="flag">hello</h1>
    <h1 v-else>world</h1>

     7,v-show  改变的display属性值

    <h1 v-show="flag">hello world</h1>

     v-if和v-show的区别
    1.v-if是删除这个dom节点,v-show控制css中的display属性,v-if的效率更高
    2.v-show是不支持template

  • 相关阅读:
    Java 方法重载 (Overload)
    Java 向数组中添加一个元素
    Java 三目运算符
    代理池的维护
    代理设置
    验证码识别
    使用Selenium爬取淘宝商品
    Splash API 调用
    Android ListView中Item点击事件失效解决方案
    mapreduce框架详解
  • 原文地址:https://www.cnblogs.com/Godfather-twq/p/11808337.html
Copyright © 2011-2022 走看看