左手代码,右手诗; 亦是生活,亦是痴!

Vue语法之for循环信息

发布时间:2年前热度: 872 ℃评论数: 0

8d6ddac440f36dc0dbac071b1c1475f5_thumb_165_110.jpg

收先第一步写好html部分代码:

  • {{ item.name}} --{{ item.price }} -- {{ item.spcification }}


第二部是vue部分:

const app = new Vue({
    el:"#app",
    data:{
        goodsList:[
            {
            	id:1,
            name:"华硕笔记本",
            price:3499,
            spcification:"8核16g512G SSD三星高速硬盘"
            },
            {
            	id:2,
            name:"机械师笔记本",
            price:7899,
            spcification:"8核16g1T机械硬盘 256G pecl SSD金士顿高速硬盘"
            },
        ]
    }
})

手机扫码访问