vue之TodoMVC项目实战
一、初始化项目 1、下载模板 进入github中 https://github.com/tastejs/todomvc-app-template ,并且在命令行将其clone下来 git clone https://github.com/tastejs/todomvc-app-template.git 2、安装依赖 进入项目目录中安装依赖 npm install 3、引入vue.js文件 首先在命令行中安装vue npm install vue 然后再index.html中引入 然后再app.js文件中写入相应的逻辑代码 二、实现功能 1、数据列表渲染功能 1.1 功能分析 有数据 每一个数据对象: { id: 1 , content: '' , complated: '' # 表示是否已经完成的任务true(false) } 并且每一个数据对象有三个状态: 未完成(没有样式) 已完成(.completed ) 编辑中( .editing ) 无数据 输入框下面的部分应该隐藏起来 1.2 实现 创建一个数据源 items:[ {id: 1,content:'dddd',completed: false }, {id: 2,content:'aaaa',completed: false }, {id: 3