(function (window) {
'use strict';
const vm = new Vue ({
el:'#app',
data:{
name:'',
list:[
{id:1,name:'抽烟',completed:false},
{id:2,name:'喝酒',completed:true},
{id:3,name:'烫头',completed:false},
]
},
methods:{
add(){
if(this.name.trim() === ''){
return
}
const id=this.name[this.name.length - 1].id+1
this.list.push({id,name:this.name,completed:false})
this.name=''
}
},
})
})(window);
本文介绍如何使用Vue.js框架创建一个简单的任务列表应用。该应用包含任务的增删改查功能,通过Vue的数据绑定和组件化特性实现界面与数据的实时同步。文章详细展示了Vue实例的配置,包括数据定义、方法实现以及模板语法。
1万+

被折叠的 条评论
为什么被折叠?



