Asen-coder的博客

一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute。

（1）封装的函数需要三个参数，但是三个参数的位置，并非固定，这意味着，别人需要使用你封装的函数时，一定需要观察仔细，传入正确的参数，使用者可能必须要先看你的文档，才能参与到工作中。Promise就是用来处理异步操作，并且，Promise存在一个基本格式，这样就从根源上将大家的代码风格统一，使得异步操作变得非常方便，易读。后，当我们再次调用封装好的函数，只需要传入一个业务参数，本文中即n，即可实现异步操作，这与最原始的异步操作更容易使用，更易读，更简便！，意味着，如果想再次执行回调，必须再次调用封装的函数。

如果使用v-if 这意味着，当用户还未点击tab进行切换导航的时候，用户就已经被动的将所有资源加载了，这种情况不利于前端性能优化，因此在这里我们将 v-if 的方法当作最后的救命稻草（尽量不使用），动态组件是在模板中定义的一个组件挂载点，将多个组件同时挂载这个挂载点上面，就可以进行动态切换，动态组件通常使用 Vue 的。v-for在循环对象时，可以提供三个值，value,key index 三个值位置不可更换!来实现，关于vue-Router详细使用方法教程，后续会陆续发布在我的csdn博客中…

本节内容作为父子组件传参的补充内容透传Attributes ，一般用来在父子组件中传递属性例如，class，style，id…且该值不会被组件当作prop或者emits。透传Attributes,也可以用来传递v-on事件监听器（例外情况下文讲解）如果根元素本来就存在class，将会！！

1.父组件中，字符串类型直接传参，其他所有类型均通过v-bind绑定传参，示例如下import {reactive} from 'vue'comst data1 = reactive([1,2,3])2.子组件中接收父组件参数定义类型type，后调用defineProps方法，该方法无需在Vue中引用，可直接使用

vue3、vite、ts 购物车案例