zoukankan      html  css  js  c++  java
  • vue1-三种文本渲染方式区别

    之前vue学习完,做了一个手机端案例demo后,部门就案子不断,虽然案子中多少有用到一点vue,但是没深入使用,因为老板为了更快给客户反馈,而且案子逻辑比较单一,用的也多偏原生。大半年过去了,有的知识点记忆模糊了。最近有空,稍微在系统学习和温习一遍把。

    a1.插值表达式{{    }}

    a2.v-text指令

    a3.v-html指令

    三者区别:

    • a1&a2 无法渲染html字符串,碰到html字符串只会当成普通本渲染到页面;
    • a3顾名思义可以渲染html字符串;
    • {{ msg }} 插值表达式受网速影响,有时候会出现模板字符串{{ msg }}【加载闪烁问题】,而不是 解析msg这个变量后的结果;=== resolve ==》使用v-cloak指令【当做属性放到标签中】【css中添上:[v-cloak] { display: none;}】 

    • a2&a3都会覆盖标签中原来的innerHTML

         

  • 相关阅读:
    「BZOJ1954」Pku3764 The xor – longest Path
    【bzoj4260】【Codechef REBXOR】
    BZOJ_3012_[Usaco2012 Dec]First!
    【bzoj1174】[Balkan2007]Toponyms
    String
    前缀和
    [POI2008] CLO
    [Scoi2010] 游戏
    CodeForces892E
    并查集的删除操作
  • 原文地址:https://www.cnblogs.com/Hijacku/p/14728978.html
Copyright © 2011-2022 走看看