export default {
data () {
return {
ifshow:true,
score:0,
parr:[
{pid:1,name:'小明',age:18,sex:'男'},
{pid:2,name:'老王',age:68,sex:'男'},
]
}
}
}
在 class='main' 的div中写入
开始是显示的,把 ifshow 改为 false 就会显示不出来了。
在 class='main' 的div中写入
输入分数会显示对应的等级:比如输入 90 就是优秀。
在 class='main' 的div中写入
编号 姓名 年龄 性别 操作
{{ po.pid }}
{{ po.name }}
{{ po.age }}
{{ po.sex }}
显示效果如下:
index 表示下标 po表示每次循环的对象 :key 用于优化vue渲染的必须要填,一般对应主键 在 methods 中加入: delPerson(obj,index){ 效果是:点击删除按钮会删除当前的行。中:
// alert(obj.name);
this.parr.splice(index,1);
}你可能感兴趣的:(VUE入门,vue.js,前端,javascript)