Vue实现购物车Demo(1)

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

知识点：

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

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

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

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

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

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

最后

我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。

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

篇幅有限，仅展示部分截图：