一转眼距离隔离已经第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="title" 就是绑定title这个变量
从{ {title}} 和 v-model="title" 这俩值是一样的,也就是文本框输入啥,{ {title}}里同步显示啥
3

这篇博客记录了在隔离期间,作者学习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', '前端开发']
最低0.47元/天 解锁文章
856

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



