Vue实例待办事项

1. 通过vue.cli脚手架创建项目

2. 引入bulma库创建样式

3. 引入vuex进行状态管理，最主要是向各个组件传输信息

4. 使用时先下载.json中相关包npm i

5. 输入npm start启动

代码

=====================================================================

1. todoApp.vue

2. componentsTodo文件下todo-head.vue

添加待办事项

今日事，今日毕

3. componentsTodo文件下todo-list.vue

请添加待办事项

4. componentsTodo文件下todo-list-item.vue

• <input

  type=“checkbox”

  :checked=“item.completed”

  @change=“changeHandle”

  {{item.completed ? " 已" : " 未"}}完成 

  {{item.title}} 

  <button @click=“delSingleHandle”>删除

  5. componentsTodo文件下todo-foot.vue

  <input

  type=“checkbox”

  :checked=“checkboxAllStatus”

  @change=“checkboxAllChang({statu: !checkboxAllStatus})”

  全选

  已完成{{CompletedTodo}}项 一共{{total}}项

  <button class=“button is-primary is-outlined is-fullwidth” @click=“clearAll”>

  清空所有事项

  6. main.js入口配置

  结尾

  正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

  以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  mit(‘clearAll’)

  // }

  }

  }

  6. main.js入口配置

  结尾

  正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

  以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】