zoukankan      html  css  js  c++  java
  • vue 常用指令v-if v-else v-show v-for

    v-show :将元素display
    v-if :remove dom元素
    v-else 的运用:else 必须跟在v-if 或者v-show后面
    <div v-if="Math.random() > 0.5"> Now you see me </div>
    <div v-else> Now you don't </div>
    这里面可以传参 对象。数组。字符串。对象可以是{color:true} 这样来判断是否显示等等。
     
    v-for :
    三种方式 
    <p>v-for =" val in items">{{val.text}}</p>
    <p>v-for =" (val,name) in items">{{item.text}}</p> 可以遍历属性 如下
    可以遍历   obj:{text:1,name:2} 
    <p>v-for =" (val,name,index) in items">{{item.text}}</p> indxe 是索引
     
    也可以遍历组件
    <componentA v-for="k in arrTodoList"></componentA>  将组件循环显示多次
  • 相关阅读:
    datagrid
    SQL语句
    JavaScript事件
    DOM和BOM
    JavaScript基础知识
    css
    网络编程常识
    集合框架
    多线程常识
    面向对象常识
  • 原文地址:https://www.cnblogs.com/lanSeGeDiao/p/8781142.html
Copyright © 2011-2022 走看看