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

      v-bind用于绑定 html 属性,通常会将v-bind缩写(如"v-bind:class"可缩写成":class");

      v-bind除了可以绑定字符串类型变量以外,还可以支持单一的JavaScript表达式,如:

    1. 行运算:
      <div id="app">
          <p v-bind:title="t1 + ' ' + t2">html属性不能使用双大括号形式绑定,只能使用v-bind指令</p>
      </div>
      ......
      var vm = new Vue({
          el: '#app',
          data: {
              t1: 'title1',
              t2: 'title2'
          }
      });
    2. 执行函数:

      <div id="app">
          <p v-bind:title="getTitle()">html属性不能使用双大括号形式绑定,只能使用v-bind指令</p>
      </div>
      ......
      var vm = new Vue({
          el: '#app',
          data: {
              getTitle: function () {
                  return 'title content';
              }
          }
      });

      使用v-bind有三种绑定方法:

    1. 对象型:'{red:isred}'
    2. 三目型:'isred?"red":"blue"'
    3. 数组型:'[{red:"isred"},{blue:"isblue"}]'
       
  • 相关阅读:
    mvc原理和mvc模式的优缺点
    Paxos算法详细图解
    环境搭建
    elasticsearch 安装
    redis rdb文件解析
    eclipse 远程调试
    java 解析xml
    理想化 redis
    redis 内存
    工作圈redis 使用
  • 原文地址:https://www.cnblogs.com/hj0711/p/9002070.html
Copyright © 2011-2022 走看看