Vue.js共30篇

什么是Vite?和Webpack有什么区别?

什么是Vite?和Webpack有什么区别?-速码派
Vite是一个现代前端构建工具,由Vue作者尤雨溪开发。它旨在提供更快速、更流畅的开发体验,并已成为Vue新项目的默认推荐。理解Vite与传统构建工具(如Webpack)的核心差异,有助于你为项目选择...
MRzhang的头像-速码派MRzhang2026年1月25日
0526

Vue 3中如何使用Suspense?

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

Vue Router如何传递参数?

Vue Router如何传递参数?-速码派
在Vue Router中,组件间通过路由传递参数是常见需求。这主要分为两大类:通过URL路径参数(params)和通过查询字符串(query)。它们适用于不同的场景,并影响URL的外观和参数的可选性。 路径参...
MRzhang的头像-速码派MRzhang2026年1月25日
05111

Vue中如何实现组件懒加载?

Vue中如何实现组件懒加载?-速码派
组件懒加载,也称为异步组件或按需加载,是一种优化策略。它的核心思想是将非关键组件拆分成独立的代码块(chunk),只在组件真正需要被渲染时才从服务器加载并执行。这能显著减少应用初始包的...
MRzhang的头像-速码派MRzhang2026年1月24日
0518

Vue中如何实现双向数据绑定?

Vue中如何实现双向数据绑定?-速码派
在Vue中,双向数据绑定指的是视图(View)与数据(Model)之间的自动同步:数据变化时视图更新,视图输入变化时数据也相应更新。虽然Vue的核心是单向数据流,但它通过语法糖和特定指令,提供了...
MRzhang的头像-速码派MRzhang2026年1月24日
04915

Vuex中的actions和mutations有什么区别?

Vuex中的actions和mutations有什么区别?-速码派
在Vuex的状态管理流程中,actions和mutations是承担不同职责的两个核心概念。理解它们的区别是正确使用Vuex的关键。简单来说,mutations负责修改状态,而actions负责处理业务逻辑并提交mutation...
MRzhang的头像-速码派MRzhang2026年1月25日
0489

Vue 3中如何使用Teleport?

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

打包优化Vue项目

打包优化Vue项目-速码派
项目打包出来体积太大,页面加载慢得像蜗牛?这感觉确实不好。优化Vue项目的打包体积是个系统工程,核心思路就是:把用户首次访问时必须加载的资源,砍到最少。这里有几个实战中非常有效的策略...
MRzhang的头像-速码派MRzhang2026年1月25日
04315

Vue 2和Vue 3有什么区别?

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

配置Vue项目的代理

配置Vue项目的代理-速码派
开发的时候,你是不是经常遇到这个麻烦?前端跑在localhost:8080,而后端API在http://api.yourserver.com。浏览器一看,这俩域名对不上,立马就抛出一个跨域错误把你拦住。这时候,配置一个开发...
MRzhang的头像-速码派MRzhang2026年1月25日
04014