Vue.js共30篇

什么是Vue的混入(mixin)?

什么是Vue的混入(mixin)?-速码派
混入是一种分发Vue组件中可复用功能的灵活方式。一个混入对象可以包含任意组件选项(如data、methods、created等生命周期钩子)。当组件使用混入时,混入对象的所有选项将被“混合”进组件自身...
MRzhang的头像-速码派MRzhang2026年1月24日
0285

React的生命周期有哪些?

React的生命周期有哪些?-速码派
说到React的类组件,生命周期是个绕不开的话题。它就像组件的“人生阶段”,从创建、更新到销毁,React在特定的时刻会调用你定义好的方法。理解这些钩子函数,你就能在正确的时间做正确的事,比...
MRzhang的头像-速码派MRzhang2026年1月25日
0247

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项目

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

配置Vue项目的代理

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

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

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

如何使用Vue CLI创建项目?

如何使用Vue CLI创建项目?-速码派
Vue CLI是一个功能强大的标准工具链,用于快速搭建基于Vue.js的单页应用。它通过交互式的命令行界面,让你能轻松配置项目结构、构建工具和依赖。虽然Vite正逐渐成为新项目的默认选择,但Vue CLI...
MRzhang的头像-速码派MRzhang2026年1月25日
0376

什么是Vuex的模块化?

什么是Vuex的模块化?-速码派
随着Vue应用规模增长,store中管理的状态会变得庞大而复杂。Vuex的模块化允许你将单一的store拆分成多个独立的模块。每个模块拥有自己的state、mutations、actions、getters,甚至可以嵌套子模...
MRzhang的头像-速码派MRzhang2026年1月25日
03913

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

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