Vue 3共6篇

如何在Vue 3项目中使用TypeScript?

如何在Vue 3项目中使用TypeScript?-速码派
Vue 3配上TypeScript,那真是天生一对。Composition API的设计思路,跟用TS写逻辑简直是严丝合缝。今天咱不扯理论,就说说实际写代码时,那些真正有用的小细节。 用<script setup>语法糖...
MRzhang的头像-速码派MRzhang2026年1月25日
0426

Vue 3中如何使用Suspense?

Vue 3中如何使用Suspense?-速码派
处理异步组件加载,你是不是还在手动写v-if和加载中状态?那种在模板里到处写<div v-if='loading'>加载中...</div>的日子,在Vue 3里可以变得更优雅了。<Suspense>是一个内置...
MRzhang的头像-速码派MRzhang2026年1月25日
0529

Vue 3中如何使用Teleport?

Vue 3中如何使用Teleport?-速码派
你有没有遇到过这种尴尬?写一个模态框(Modal)组件,逻辑上它属于某个子组件,但按HTML结构一层层嵌套下来,它的<div>最后可能被埋在一个有overflow: hidden或者复杂z-index的父容器里...
MRzhang的头像-速码派MRzhang2026年1月25日
0476

Vue 3的setup函数怎么用?

Vue 3的setup函数怎么用?-速码派
setup函数是Vue 3组合式API的入口和核心。它在组件实例被创建之前执行,此时组件的props已解析,但尚未处理其他选项(如data、methods)。它的主要职责是定义响应式状态、计算属性、方法,并返...
MRzhang的头像-速码派MRzhang2026年1月24日
03912

Vue 3的Composition API和Options API有什么区别?

Vue 3的Composition API和Options API有什么区别?-速码派
Vue 3引入了Composition API作为Options API的一种补充和增强。它们代表了两种组织组件逻辑的不同范式,并非互斥,你可以根据场景选择甚至混用。理解它们的区别,有助于你写出更清晰、更易维护...
MRzhang的头像-速码派MRzhang2026年1月24日
03514

Vue 2和Vue 3有什么区别?

Vue 2和Vue 3有什么区别?-速码派
Vue 3是对Vue 2一次全面的革新,它带来了性能提升、更好的TypeScript支持以及更灵活的组合代码方式。理解其核心区别对于决定升级或启动新项目至关重要。 响应式系统的重构 这是最根本的变化。Vu...
MRzhang的头像-速码派MRzhang2026年1月24日
04211