2019年10月17日

16 vue中v-for 迭代数字

摘要: 注意 in后面可以放 数组 ,对象数组,对象, 还可以放数字 <p v-for="count in 5">这是第 {{ count }} 次循环</p> 只是放数字的话count的值从1开始不是0 这是第 1 次循环 这是第 2 次循环 这是第 3 次循环 这是第 4 次循环 这是第 5 次循环 阅读全文

posted @ 2019-10-17 14:52 执着的烙印 阅读(1470) 评论(0) 推荐(0) 编辑

15 vue 的v-for 循环对象

摘要: v-for 循环遍历 data: { list: { id: 1, name: '托尼', gender: '男' } }, 比如数据 list 对象。 有3个对应的属性 id name 和gender <!-- 注意:在遍历对象身上的键值对的时候, 除了 有 val key ,在第三个位置还有 一 阅读全文

posted @ 2019-10-17 14:41 执着的烙印 阅读(1432) 评论(0) 推荐(0) 编辑

14 vue中v-for 循环对象数组

摘要: vue中的v-for 循环对象数组。循环的主体不会变 ,主要模式还是 <p v-for="item in list">{{item}}</p> data如下 data: { list: [ { id: 1, name: 'zs1' }, { id: 2, name: 'zs2' }, { id: 3 阅读全文

posted @ 2019-10-17 10:35 执着的烙印 阅读(6109) 评论(0) 推荐(0) 编辑

13 vue中v-for循环普通数组

摘要: v-for 遍历数组 格式为 <p v-for="( item ,index ) in list "> {{index}} -{{item}} </p> list 为data中的数组 。item代表其中的每一项 。 index是遍历的index值 比如 <script> // 创建 Vue 实例,得 阅读全文

posted @ 2019-10-17 10:20 执着的烙印 阅读(1545) 评论(0) 推荐(0) 编辑

12 vue中的样式-style

摘要: vue中的样式 是动态绑定style , 对象 是无需键值对的集合 1. <h1 :style="{ color:'red' ,fontSize:'32px'}">这是最基础的一个</h1> 直接在对象中写键值对 2. <h1 :style="styleObj2">这是第一个</h1> 将键值对对象 阅读全文

posted @ 2019-10-17 10:16 执着的烙印 阅读(252) 评论(0) 推荐(0) 编辑

导航