怎样使用Vue计算属性对number属性的数组求和

直接上代码啦
body中

<div id="app">
			<input type="number" v-model.number="arr2[0]"><br />
			<input type="number" v-model.number="arr2[1]"><br />
			<input type="number" v-model.number="arr2[2]"><br />
			<input type="number" v-model.number="arr2[3]"><br />
			<input type="number" v-model.number="arr2[4]"><br />
			数组的和为:<p v-text="msg"></p>
</div>

js中

/* 使用计算属性对 data 对象中的一个 Number 类型数组求和。*/
	var app = new Vue({
		el: "#app",
		data: {
			arr2: new Array(),
			sum:0
		},
		computed: {
			msg:{
				get:function(){
					for (let i = 0; i < this.arr2.length; i++) {
						return this.sum+=this.arr2[i];
					}
					
				}
			}
		}
	})

然后就可以出效果啦

你可能感兴趣的:(怎样使用Vue计算属性对number属性的数组求和)