当前位置: 首页 > 工具软件 > List.js > 使用案例 >

vue 循环遍历list_怎么用vue.js循环一个list

邓焱
2023-12-01

html>

list
  • {{ item.message }}

  • {{index}}:{{ item.message }}

  • {{ item.message }}
  • --------------
  • {{ value }}

  • {{key}}:{{ value }}

  • {{ n }}
  • {{ n }}

var vm = new Vue({

el:"#list",

data: {

items: [

{message: 'Foo' },

{message: 'Bar' }

],

object: {

FirstName: 'John',

LastName: 'Doe',

Age: 30

},

numbers: [ 1, 2, 3, 4, 5 ]

},

computed:{

list:function(){

this.items.push({ message: 'Baz' })

},

evenNumbers: function () {

return this.numbers.filter(function (number) {

return number % 2 === 0

})

}

}

})

 类似资料: