vue
文章平均质量分 67
皆过客,揽星河
短短几年,变化很大。
终有疾风起人生不言弃,挺过来,平芜尽处是春山。加油吧
展开
-
vue生命周期及组件讲解(如何导入引用外部vue文件,以及注册全局变量,自定义标签效果)
/* scoped是范围的意思,如果在父组件里添加,则父组件的样式会覆盖子组件的样式 */h1{color: red;原创 2024-06-13 14:33:24 · 1200 阅读 · 0 评论 -
vue3实战练习之红包雨,抢红包案例
每当618消费节到来时,某宝、某多,等购物网站都会退出各种活动,其中抢红包,优惠券等红包雨活动很是火热,于是就通过vue的知识来做一个红包雨,抢红包加分活动!代码中红包的路径改成自己存放红包图片的路径即可。当点击红包时,红包会消失,同时得分加一。原创 2024-06-13 14:30:20 · 342 阅读 · 0 评论 -
vue代办事件案例实战练习,配有答案解析
同理根据提示在输入框内输入想要完成的任务,按下Enter键就会添加到列表队伍当中,当鼠标移动到任务条上时右侧会显示一个×,点击x即可删除此条任务!在列表的最后一栏,点击不同状态,会过滤相应的任务,并做出相应的统计。在输入框的提示下输入内容,点击添加按钮就会自动添加代办任务,还有完成状态的调整功能,若任务未完成,点击删除是不会有效果的!该案例,综合了前面所学的知识,列入点击事件绑定,双向绑定,v-for循环语句,v-model双向绑定,以及input标签的不同type形式。原创 2024-06-13 14:28:35 · 423 阅读 · 0 评论 -
样式的双向绑定的2种方式,实现样式交互效果
用于实现多从复杂的效果样式,指那些通过用户交互实现双向绑定的样式效果,例如用户在色彩盘中选择颜色,对应背景颜色,字体等样式发生改变。在双向样式绑定数组中可以无限添加新的样式,若出现重复的样式,后面的样式会覆盖前面的样式。show代表着布尔值,show的初始值是false所以文本不会有高亮的效果,当用户点击了按钮,就会调用shows这个函数,并将show的相反值true赋值并覆盖给show,此时show的值为true,这个时候样式起效实现高亮效果。通过布尔值来决定样式是出现还是消失。原创 2024-06-12 21:33:32 · 568 阅读 · 0 评论 -
vue相关的2个综合案例,网页打字练习
当敲对一个单词后就会消失一个,直到屏幕的单词都打完,会加一分,然后更新单词,再次练习。倒计时60秒,快去挑战自己的手速吧。原创 2024-06-12 21:29:48 · 351 阅读 · 0 评论 -
vue阶段复习基础知识以及简单的按钮绑定相关的知识!
假设你helloworld.vue文件位于/users/project/myproject/vite-project/vue3/example/src/components目录下,请问应该在哪个目录执行npm run dev命令?4.vscode就如同画布,node.js是颜料,vue是构图的内容。请简述Vue、Node.js、Vscode是什么,以及有什么关系。请简述Vue中什么是指令,以什么开头,列举至少8个vue指令。请写出从头开始,创建vue项目的命令步骤,以及如何运行。原创 2024-06-11 12:51:16 · 559 阅读 · 1 评论 -
vue阶段性测试题,内容丰富,案例典型,题目配有答案
1)理论题请简述Vue、Node.js、Vscode是什么,以及有什么关系请简述Vue中什么是指令,以什么开头,列举至少8个vue指令请简述Vue中template、script和style标签的作用请修改代码,让下面p标签的代码中展示一段html标签,能在浏览器中显示html标签请简述Vue中的双向数据绑定,以及使用哪个命令进行双向绑定使用哪个命令给标签中的属性绑定变量,这个命令的缩写是什么使用哪个命令给标签中的事件绑定变量,这个命令的缩写是什么使用哪个命令,来进原创 2024-05-14 08:26:24 · 941 阅读 · 0 评论 -
vue阶段案例,练习filter、map、forEach,双向绑定,三元表达式,以及图片滚动,文字跳动等等。
利用filter的筛选功能可以替代for循环的一些操作,比如复制列表,循环输出等。接下来通过filter可以赛选false和true的值的特性,做一个当商品被选购时,从商品列表加入到,购物篮的效果。接下来我想实现,全部选择加入购物车,和全部取消的效果。/* 动画名称,持续时间,速率函数,循环次数 */'../assets/炭烧味鱿鱼丝.png''../assets/辣味鱿鱼丝.png''../assets/原味鱿鱼丝.png'/* 设置滚动区域的高度 *//* 图片之间的间隔 *//* 字体加粗 */原创 2024-05-11 20:22:37 · 1112 阅读 · 0 评论 -
初步认识Vscode
vscode-icons 插件提供了大量的图标,覆盖了各种常见的文件类型和扩展名,这些图标可以帮助你更快速地识别和区分不同类型的文件,提高你在项目中的导航和查找效率。这些代码片段涵盖了各种常见的 JavaScript 语法和功能,包括变量声明、函数定义、箭头函数、模板字符串、解构赋值、Promise、async/await 等。你可以选择不同的样式和主题,包括代码高亮、背景颜色、字体大小等,以创建符合你需求的漂亮截图。它提供了许多有用的功能,包括语法高亮、代码补全、错误检查、格式化、调试等。原创 2024-04-26 19:51:02 · 1604 阅读 · 0 评论 -
通过window的bash创建vue架构的项目文件,如何不用下载即可引用想要的图片
里面写JavaScript语法的脚本和逻辑 里面写样式,css,标签样式,class、id等原创 2024-04-30 08:28:46 · 946 阅读 · 0 评论