![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 57
Asen-coder
web前端工程师
展开
-
vue3+ts深入组件(一)Props
一个组件需要显式声明它所接受的 props,这样 Vue 才能知道外部传入的哪些是 props,哪些是透传 attribute。原创 2022-11-22 12:22:32 · 8062 阅读 · 2 评论 -
Js 高级(一)优雅的Promise
(1)封装的函数需要三个参数,但是三个参数的位置,并非固定,这意味着,别人需要使用你封装的函数时,一定需要观察仔细,传入正确的参数,使用者可能必须要先看你的文档,才能参与到工作中。Promise就是用来处理异步操作,并且,Promise存在一个基本格式,这样就从根源上将大家的代码风格统一,使得异步操作变得非常方便,易读。后,当我们再次调用封装好的函数,只需要传入一个业务参数,本文中即n,即可实现异步操作,这与最原始的异步操作更容易使用,更易读,更简便!,意味着,如果想再次执行回调,必须再次调用封装的函数。原创 2022-11-29 21:59:26 · 190 阅读 · 0 评论 -
vue3+ts深入组件(四)动态组件
如果使用v-if 这意味着,当用户还未点击tab进行切换导航的时候,用户就已经被动的将所有资源加载了,这种情况不利于前端性能优化,因此在这里我们将 v-if 的方法当作最后的救命稻草(尽量不使用),动态组件是在模板中定义的一个组件挂载点,将多个组件同时挂载这个挂载点上面,就可以进行动态切换,动态组件通常使用 Vue 的。v-for在循环对象时,可以提供三个值,value,key index 三个值位置不可更换!来实现,关于vue-Router详细使用方法教程,后续会陆续发布在我的csdn博客中…原创 2022-11-28 22:17:58 · 990 阅读 · 0 评论 -
vue3+ts深入组件(三)透传Attributes
本节内容作为父子组件传参的补充内容透传Attributes ,一般用来在父子组件中传递属性例如,class,style,id…且该值不会被组件当作prop或者emits。透传Attributes,也可以用来传递v-on事件监听器(例外情况下文讲解)如果根元素本来就存在class,将会!!原创 2022-11-26 12:31:40 · 1704 阅读 · 0 评论 -
vue3+ts深入组件(二)父子组件传参
1.父组件中,字符串类型直接传参,其他所有类型均通过v-bind绑定传参,示例如下import {reactive} from 'vue'comst data1 = reactive([1,2,3])2.子组件中接收父组件参数定义类型type,后调用defineProps方法,该方法无需在Vue中引用,可直接使用原创 2022-06-15 15:33:57 · 5112 阅读 · 3 评论 -
基于Vue3、Vite、TS ----computed购物车案例
vue3、vite、ts 购物车案例原创 2022-06-05 16:26:32 · 638 阅读 · 1 评论