vue3从入门到实践
文章平均质量分 69
vue3是目前比较流行的前端框架,越来越多的企业在开发新项目时都会选择它,它的性能比vue2有很大提升,结合typeScript和Vite,使项目在编译更快发现问题,精准定位,打包速度也得到了很大提升。最后欢迎大家订阅!
不叫猫先生
CSDN博客专家、内容合伙人,2023新星计划导师,前端领域优质创作者,专注于分享前端、人工智能、数据库、数据分析等技术领域,共同学习共同进步,一起加油呀!
展开
-
vue-tsc --noEmit导致打包报TS类型错误
当我们新建vue3项目,package.json文件会自动给我添加一些配置选项,这写选项基本没有问题,但是在实际操作过程中,当项目越来越复杂就会出现问题。本文列举一个目前我遇到的一个问题:打包后报了一堆TS类型错误,怎么消除这些错误?原创 2023-06-30 08:41:21 · 70182 阅读 · 93 评论 -
【VUE】vue2.x与vue3.x中自定义指令详解
vue自定义指令(2.x丨3.x)可以帮助我们实现需要操作,比如防抖、节流、懒加载、输入框自动聚焦等等,使用起来非常方便,比如vue自带的v-text、v-html、v-show、v-if等等。原创 2022-12-05 09:04:43 · 3346 阅读 · 169 评论 -
【VUE】vue3插槽
匿名插槽,具名插槽,作用域插槽,动态插槽作用域插槽绑定在 元素上的 attribute 被称为插槽 prop。现在在父级作用域中,我们可以使用带值的 v-slot 来定义我们提供的插槽 prop 的名字,当然也可以直接解构,以下我直接使用解构。原创 2022-09-25 22:36:11 · 627 阅读 · 1 评论 -
【VUE】vue2.x,vue3.x使用provide/inject注入区别
provide/inject通信方式属于爷孙通信,vue2.x与vue3.x区别还是很大,无论层级多深,发起provide的组件都可以作为其所有下级组件的依赖提供者。inject在data/props之前初始化,而provide在data/props之后初始化。目的是让用户可以在data/props中使用inject所注入的内容。也就是说,为了data/props依赖inject,需要将初始化inject放在初始化data/props的前面。provide和inject。原创 2022-10-09 11:46:00 · 1321 阅读 · 0 评论 -
【VUE】vue2与vue3动态组件
vue2中 is是通过组件名称切换的,vue3中setup是通过组件实例切换的。直接把组件实例放到reactive中代理,vue会发出警告。告知我们可以通过shallowRef 或者 markRaw 跳过proxy 代理。对组件实例进行响应式代理毫无意义,且浪费性能。原创 2022-09-25 23:24:28 · 3339 阅读 · 1 评论 -
【VUE】vue2与vue3Mixin用法
分发 Vue 组件中的可复用功能。原创 2022-10-05 11:12:17 · 1069 阅读 · 1 评论 -
【VUE】Vue3项目中Pinia状态管理工具的使用
官网介绍说:Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。的方式是经过优化的,会加快修改速度,对程序的性能有很大的好处。虽然可以直接修改,但是出于代码结构来说, 全局的状态管理还是不要直接在各个组件处随意修改状态,应放于。方法的第二个参数:配置对象,放置state,getters,actions。属性: 修改state全局状态数据,可以是异步也可以是同步。方法的第一个参数:容器的名字,名字必须唯一,不能重复。属性: 用来监视或者说是计算状态的变化的,有缓存的功能。原创 2022-10-30 18:01:48 · 6818 阅读 · 156 评论 -
【VUE】vue3学习笔记(异步组件,包含defineAsyncComponent、Suspense的使用)
按需引入,用到的时候再加载,异步组件的引入需要用`defineAsyncComponent`进行注册。`defineAsyncComponent`工厂函数需要返回一个Promise对象,接收对象类型,对异步函数进行设置。原创 2022-09-30 13:46:26 · 2193 阅读 · 1 评论 -
【VUE】vue3兄弟组件传参
vue3兄弟组件传参原创 2022-09-25 21:38:12 · 814 阅读 · 0 评论