Vue——v-for遍历数组——2020.11.18_Blockchain_KT的博客-程序员宝宝

技术标签: web  html5  js  vue.js  css3  Vue.js-实战开发  

一丶实战代码

<!--作者:key-->
<!--浏览工具:Chrome-->
<!--开发工具:WebStorm-->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
<!--  1.在遍历的过程中,没有使用索引值(下标值)-->
  <ul>
    <li v-for="item in names">{
   {item}}</li>
  </ul>
<!--  2.在遍历的过程中,获取索引值-->
  <ul>
    <li v-for="(item,index) in names">{
   {index+1}}.{
   {item}}</li>
  </ul>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
  const app = new Vue({
     
    el:"#app",
    data:{
     
      message:"Hello Ting,I am Key!",
      names:['key','Ting','james','kobe','curry']
    }
  })
</script>
</body>
</html>

二丶运行结果

在这里插入图片描述

——大鹏飞兮振八裔,中天摧兮力不济——
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_43402353/article/details/109772840

智能推荐

tf.argmax()用法_贾世林jiashilin的博客-程序员宝宝

直观理解:tf.argmax(vector, 1):返回的是vector中的最大值的索引号,如果vector是一个向量,那就返回一个值, 如果是一个矩阵,那就返回一个向量,这个向量的每一个维度都是相对应矩阵行的最大值元素的import tensorflow as tfimport numpy as npA = [[1,3,4,5,6]]B = [[1,3,4], [2,4...

[CSCCTF 2019 Qual]FlaskLight 记录_penson by 小乌的博客-程序员宝宝

这个根据题目名字,flask模板注入,找注入点查看源码发现GET传参直接测试模板注入存在sql注入常规模板注入试了试之前做过的模板注入,都行不通然后百度了一波,原来这是python2的难怪不行{{''.__class__.__mro__[2].__subclasses__()}}利用这个可以读取所有的类,然后看看能不能RCE找到catch_warnings类,但是无法RCE看了wp,发现可以利用subprocess.Popen这个类来进行RCE学废了网上搜的模板注入,都没

简单的爬虫框架:解析51job页面岗位信息_苏木George的博客-程序员宝宝_爬虫 sumu

源文件爬虫介绍:什么是爬虫爬虫,即网络爬虫,大家可以理解为在网络上爬行的一直蜘蛛,互联网就比作一张大网,而爬虫便是在这张网上爬来爬去的蜘蛛咯,如果它遇到资源,那么它就会抓取下来。爬虫框架####文件目录datas目录:下存放原始数据handle_data目录:下存放经过清洗后的数据spider目录:存放爬虫相关的文件my_spider:爬虫源文件pipo_line:xml解...

openlayer5 半径不准 画圆,Openlayers 3圆半径,以米为单位_世雄0521的博客-程序员宝宝

How to get Circle radius in metersMay be this is existing question, but i am not getting proper result. I am trying to create Polygon in postgis with same radius &amp; center getting from openlayers c...

深入分析指针常量、常量指针_星空物语gplwz的博客-程序员宝宝_指针常量&常量指针

关键要看const修饰的是谁:首先一点:int const与const int的写法是一样的. 从左向右,看const离谁( 究竟是‘*’, 还是‘指针变量名’)比较近就是修饰谁的,比如        const * p  :表示*p是常量,也就是*p 不可变 (暗示p可变,const没有修饰p)       * const  p  :表示p是常量,也就是p不可变 (暗示*

Python:OpenCV4人脸关键点检测以及表情检测_Ydon?tkwhmeIS的博客-程序员宝宝_opencvsharp 人脸关键点

Python:OpenCV4人脸关键点检测以及表情检测参考:基于Python,dlib实现人脸关键点检测这位博主写的很详细,这里记录下自己的实现过程。通过OpenCV4和dlib库实现对人脸关键点检测以及表情检测如果是window环境那么dlib库的安装就很简单pip安装即可,如果是mac或者linux那么安装会麻烦一点,需要自行编译以及其他依赖,这里就不再记录。模型下载模型需要下载,官网和镜像网站下载很慢,链接:链接:https://pan.baidu.com/s/1PEmBM0nqqmeCp8

随便推点

Create an ASP.NET Core web app in Visual Studio Code_weixin_34306446的博客-程序员宝宝

https://www.microsoft.com/net/core#windowscmdhttps://download.microsoft.com/download/B/9/F/B9F1AF57-C14A-4670-9973-CDF47209B5BF/dotnet-dev-win-x64.1.0.4.exe安装包后续应该会更新 https://docs.microsoft.co...

普通管理类程序开发之难度系数、层次之说法,可以看看自己停留在哪个层次,不足之处,请大家一起补充..._weixin_34088583的博客-程序员宝宝

其实,能把客户的需求用程序实现并不是很难,但是能把事情做得快、做得好、做得对、做得方向正确很不容易,我们自己写的程序,达到其中的每个层次都需要我们有个质的变化、甚至是数量级的精力投入才会更上一层楼,我自己比喻自己,我每年是死三回,就是有些问题,会让人身心都碎的感觉,不只是体力上、心力上的折磨,当每次突破一次后,都会觉得身心有明显的提高、死过一回一样。01:能用程序把...

javax/servlet/ServletContext : Unsupported major.minor version 51.0_阳泉的博客-程序员宝宝

解决:将版本从 3.1.0 改为 3.0.1  javax.servlet javax.servlet-api 3.0.1进行 SpringJunit  测试时,报错:java.lang.UnsupportedClassVersionError: javax/servlet/ServletContext : Unsupported major.min

论文笔记_夕舞雪薇的博客-程序员宝宝

End-to-end learning of action detection from frame glimpses in videos 阅读笔记

stm32实战项目需求_star_and_you的博客-程序员宝宝

1.stm32f103系列2.联网模块sim800c,esp-12s;3.电机控制步进电机,直流电机(集成驱动),无刷电机(扩展接口)直流电机支持pwm调速(带光耦隔离,支持正反转)步进电机:单极性双极性4.显示5.输入6.输出类无源蜂鸣器,加继电器,三极管NPN,PNP输出,7.接口IIS用于多媒体通讯8.通讯协议9.其他10电源输入支持7-28V;支持usb供电,带各种保护功能11.调试接口位swd,支...

Java For语句_Obito_TXP的博客-程序员宝宝

avafor循环语句提供了一种强大的写循环语句的方法。for循环的最简单形式如下所示:for(initialization; condition; iteration) statement; Java for循环语句有三个部分:初始化将循环控制变量设置为初始值。 condition是测试循环控制变量的布尔表达式。 如果condition为true,for循环继续迭代。 如果condition为false,循环终止。 迭代决定了每次循环迭代时循环控制变量的变化。这里是一...

推荐文章

热门文章

相关标签