博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue中的v-for,v-if,v-show指令
阅读量:3985 次
发布时间:2019-05-24

本文共 530 字,大约阅读时间需要 1 分钟。

in 后可以跟普通数组,对象数组,对象,数字

使用for循环遍历数组

{

{item.id}}------{
{item.item}}-----索引:{
{i}}

**使用for循环遍历对象**

值:{

{val}}----键:{
{key}}---索引:{
{i}}

var vm=new Vue({ el:"#app", data:{ user:{ id:1, name:"张三", sex:"男" } } }) **使用for迭代数字,初始值从1开始**

{

{count}}

从1开始输出 **使用for循环遍历对象时,key的使用注意事项** 当Vue用 v-for 正在更新已渲染过的元素列表是,它默认用“就地复用”策略。如果数据项的顺序被改变,Vue将不是移动DOM元素来匹配数据项的改变,而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。 为了给Vue一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性。key属性的类型只能为 string或者number类型。

{

{item.id}}------{
{item.name}}

**v-if和v-show的区别**

转载地址:http://maxui.baihongyu.com/

你可能感兴趣的文章
container_of()传入结构体中的成员,返回该结构体的首地址
查看>>
linux sfdisk partition
查看>>
ipconfig,ifconfig,iwconfig
查看>>
opensuse12.2 PL2303 minicom
查看>>
电平触发方式和边沿触发的区别
查看>>
中断函数中不能调用ioremap()!!!!!!!
查看>>
网络视频服务器移植
查看>>
Encoding Schemes
查看>>
EFM32TG222F32连接JLink V8问题
查看>>
Keil问题
查看>>
移植QT
查看>>
交叉编译qt-everywhere-4.8.4
查看>>
tslib qt4 segmentation fault
查看>>
QT隐藏mouse
查看>>
求最短路径
查看>>
找到一个数组后面第一个大的数
查看>>
找到一个链表中倒数第k个数
查看>>
两个队列实现一个栈
查看>>
用两个栈实现一个带getMin()方法的新型栈
查看>>
头条搜索部门后台开发实习生面经
查看>>