7--vue数组取出为偶数的数（filter），输出数组乘2后的新数组（map），数组数据累加、求平均数（reduce)）

最新推荐文章于 2024-04-29 18:41:45 发布

小芹儿

最新推荐文章于 2024-04-29 18:41:45 发布

阅读量1.7k

点赞数

分类专栏： Vue部分

本文链接：https://blog.csdn.net/xu_ze_qin/article/details/105826532

版权

原始循环找偶数

首先，用最原始的方法把偶数的数挑出来，是这样的：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
		<title></title>
	</head>
	<body>
		<div id="app">
			<!-- js array filter/map/reduce/find数组的操作 -->
			<ul>
				<li v-for="item in mydata">{
   {
   item}}</li>
			</ul>
		</div>
		<script type="text/javascript">
			var app = new Vue({
   
				el: '#app',
				data: {
   
					arr: [1, 2, 3, 4, 5, 6, 7]
				},
				computed: {
   
					mydata: function() {
   
						let data = this.arr
						//把偶数挑出来
						let newarr

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小芹儿

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
7--vue数组取出为偶数的数（filter），输出数组乘2后的新数组（map），数组数据累加、求平均数（reduce)）

原始循环找偶数首先，用最原始的方法把偶数的数挑出来，是这样的：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script> <tit...
复制链接

扫一扫