• 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”   属性值需要添加引号“”才是值,否则是变量

  • 相关阅读:
    494 Target Sum 目标和
    493 Reverse Pairs 翻转对
    492 Construct the Rectangle 构建矩形
    491 Increasing Subsequences 递增子序列
    488 Zuma Game 祖玛游戏
    486 Predict the Winner 预测赢家
    485 Max Consecutive Ones 最大连续1的个数
    483 Smallest Good Base
    Django Form组件
    Django Auth组件
  • 原文地址:https://www.cnblogs.com/jidanbufan/p/13887853.html
Copyright © 2020-2023  润新知