这篇博客记录了在隔离期间，作者学习Vue.js并实现一个简单的列表清单功能的过程。清单包括添加新条目（回车触发），显示删除样式（勾选后），清理已勾选条目以及全选/全取消功能。开发工具使用了VS Code，并介绍了Vue的引入、HTML模板（如v-model, v-if, v-else, @keydown.enter）以及script中数据操作（如todos.push和computed属性）的应用。"
122493408,9567958,Vue3组件化实践：列表展开项(DropDownitem),"['Vue.js', '组件化', 'TypeScript', '前端开发']
一转眼距离隔离已经第10天了，还好咱们的工作可以远程办公。不至于干瞪眼。前几天学了些django的知识，不过就更新了两天，学了点基础东西，这两天在看VUE，跟着极客时间上的大神整一个简单的列表清单。
实现功能如下 :
1.上面的文本框输入文字，按回车，就会出现在下方列表中
2.打勾，就会显示删除的样式
3.点击清理，就会删除打勾的数据
4.列表中的勾全部选中，全选就会勾上，取消则全选的勾去掉
开发工具用的vs code
vue开发思想
1.引入vue
<script src="https://unpkg.com/vue@next"></script>2.先写html，body里面的内容
1）{ {}} 双大括号里面的内容代表是变量 ，会在script里面进行绑定
2）v-model 这个有点难懂 ，这里是个文本框，v-model="
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
