Vue指令v-for之遍历输出JavaScript数组,json对象的几种方式

Vue指令v-for之遍历输出JavaScript数组,json对象的几种方式定义数据 lt script gt newVue el test data message infor list a b c d e web

定义数据:

html结构:

 
  
{ { message }}
{ { list }}
{ { web }}

输出结果:

Vue指令v-for之遍历输出JavaScript数组,json对象的几种方式

v-for对数组的几种输出方式:

1.只输出value值

html代码:

 
  
{ { item }}

Vue指令v-for之遍历输出JavaScript数组,json对象的几种方式

2.输出value值且输出对应的索引值

html代码:

 
  
{ { item }}的索引值是{ { index }}

输出结果:

Vue指令v-for之遍历输出JavaScript数组,json对象的几种方式
 

v-for对json格式的几种输出方式

1.只输出value值

html代码:

 
  
{ { item }}

2.输出value值和key值

html代码:

 
  
{ { key }} 的网址是 : { { item }}

Vue指令v-for之遍历输出JavaScript数组,json对象的几种方式

3.输出value值,key值和索引值index

html代码:

 
  
{ { index }}__{ { key }} 的网址是 : { { item }}

Vue指令v-for之遍历输出JavaScript数组,json对象的几种方式

可以看出,在数组里面,小括号里面的参数第一位是value值,第二位是索引值

在json里面,第一位是value值,第二位是key值,第三位是索引值

有的文章里面说$index是数组的内置变量数组下标,$key是json内置变量,可是我没有测出来,且提示有错,不知道这个到底对不对。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/177333.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月26日 下午7:45
下一篇 2026年3月26日 下午7:46


相关推荐

  • flutter自定义弹窗_app加弹窗

    flutter自定义弹窗_app加弹窗一.Fluttertoast库配置,可参考fluttertoast配置引用1.在pubspec.yaml中配置fluttertoast库,通过Pubget获取fluttertoast的版本,通过Pubupgrade更新,eg:#ThefollowingaddstheCupertinoIconsfonttoyourapplication.#UsewiththeCupertinoIconsclassforiOSstyleicons.cuper

    2026年3月6日
    3
  • [生成模型新方向]: score-based generative models

    [生成模型新方向]: score-based generative models0.前言最近(2021.6)发现了生成模型的一种新的trending范式:score-basedgenerativemodel,用一句话来介绍这种结构,就是:通过在噪声扰动后的大规模数据集(noise-perturbeddatadistributions)上学习一种scorefunctions(gradientsoflogprobabilitydensityfunctions)(得分函数,一种对梯度的对数似然估计),用朗之万进行采样得到符合训练集的样本.这种新的生成模型,

    2022年8月11日
    9
  • debian 开机启动脚本_ubuntu 自启动脚本

    debian 开机启动脚本_ubuntu 自启动脚本在debian6中,加入开机启动脚本的方法与debian5不同了,直接做符号链接到runlevel已经不起作用了,提示缺少LSB信息,并且用insserv来替代update-rc.d:root@14:/etc/rc2.d#update-rc.d-n php_fastcgi.sh defaults           update-rc.d:usingdependencybas

    2022年10月19日
    4
  • tomcat 日志级别

    tomcat 日志级别修改为文件:/tomcat/conf/logging.properties每类日志的级别分为如下7种:SEVERE(highestvalue)>WARNING>INFO>CONFIG>FINE>FINER>FINEST(lowestvalue)

    2022年6月20日
    31
  • arping工具使用

    arping工具使用arping工具使用

    2022年5月2日
    41
  • Windows下载Android源代码

    Windows下载Android源代码

    2021年11月16日
    52

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号