zoukankan      html  css  js  c++  java
  • vue 模板语法-插值的操作(12-22)

    1.Mustache语法

      {{}}   Mustache语法

      mustache语法中可以做简单的表达式

      {{ mun * 2}}

    2. v-once   锁定变量,变量只初次渲染一次,不会响应更改

      <h2 v-once>{{num}}</h2> 

    3.v-html   转化字符转为html代码

      url:<a href = "www.baidu.com">百度一下</a>

      <h2 v-html ="url" ></h2>     --------     百度一下

    4.v-text   (不推荐使用)

      url:“www.baidu.com”

      <h2 v-text="url" ></h2>     ---------  www.baidu.com

    5.v-pre  显示原来内容,不进行解析

      <h2 v-pre>{{num}}</h2>       ---------  {{num}}

    6.v-cloak  vue解析之前会存在标签,解析之后会去掉此标签 (不经常使用)

    <style> [v-cloak] { display:none ]</style>  可以做到解析后才显示内容

      <h2 v-cloak>{{num}}</h2> 

    7.v-bind 用于绑定动态属性  语法糖  :

      例:

       1 <h2  :class="{active: true, line: false}"></h2>

       2 <h2  :class="active"></h2>

       3 <h2  :class="[actiove,line]"></h2>

    8.:style

      <h2 :style={fontSize:'50px'}></h2> 

      fontSize   属性名可以写font-size或者fontSize(驼峰)

      “50px”   属性值需要添加引号“”才是值,否则是变量

  • 相关阅读:
    koa mog
    sdl
    基于WindowImplBase 更简单 以及 可变大小的,才是标准的
    df
    ffplay vc
    开源1bo
    react学习前一部分
    0514 react路由
    nodejs 调用进程
    Ubuntu Linux, 不要弄什么 wine,龙井 或者什么等 QQ 了。
  • 原文地址:https://www.cnblogs.com/jidanbufan/p/13887853.html
Copyright © 2011-2022 走看看