Vue实现购物车Demo，34岁前端程序员裸辞

页面我是分成了一个父组件，两个子组件，主要是刚复习到组件方面的内容，所以作为一个练手的Demo来学习，连个组件分别是课程列表组件，和我的购物车组件。

知识点：

兄弟组件之间的传值 – 兄弟组件有共同的父组件，所以兄弟组件之间要传值可先将值传递给父组件，父组件再传递给另外一个子组件，这样就算完成了兄弟组件之间的传值。

父组件给子组件传值通过 – 在子组件标签上自定义属性的方式来进行传值，子组件种再通过props来接收这个自定义属性名就可以获取到这个值

子组件给父组件传值 – 子组件通过this.$emit('事件名',值)的方式自定义一个事件，再在子组件标签上暴露出这个方法，父组件在methods里面接收这个方法的值就做到了接收值

这种确认框是通过ja自带的一个API，如果我们点了确定，结果是布尔值，我们点了确定结果就是true，这个API是window.confirm('确定要删除吗')。

数组有分为普通的数组和对象数组(存对象的数组)，普通数组我们可以使用includes方法，但是这种方法是只有再普通数组上是可以使用的，对象数组是不可以使用的，我们如果要找处某个对象在对象数组种的位置，可以使用arr.find()方法来查下标。

在使用v-for循环的遍历创建结点的时候，我们尽量都是要绑定一个key值，如果我们需要对这个本地数组进行增删改的化，传递的参数最好是index，因为这里的index直接就是下标了，我们可以很方便的通过数组下标的方式来获取到这个对象值，再进行修改。
computed计算属性 – 计算属性就是对数据进行修饰一波之后再将其输出，类似于vuex中的getter。计算属性是属性，并不是方法，且计算属性一定要将计算的结果给return出去，访问它的时候不能够加上()否则就会变成访问方法。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结

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

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
[外链图片转存中…(img-CE0OXsOH-1712777862166)]