![](https://img-blog.csdnimg.cn/direct/d3f7522d23574420a080c24c8585a557.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 81
Web 前端。
俎树振
记录自己学习成长的过程
展开
-
Vite + Vue 3 前端项目实战
使用 Vite 构建工具和 Vue 3 框架来创建和管理前端项目。包含项目初始化、依赖安装、开发服务器配置、路径别名设置、插件使用等原创 2024-06-04 15:55:17 · 778 阅读 · 1 评论 -
Vue 3 项目构建与效率提升:vite-plugin-vue-setup-extend 插件应用指南
一、Vue3项目创建;二、VSCode 工具的智能提示与自动添加 .value;三、SASS安装四、Vite 插件 vite-plugin-vue-setup-extend 的应用;五、VSCode 自定义代码片段的创建与应用原创 2024-04-17 15:07:36 · 3037 阅读 · 0 评论 -
Pinia 深度剖析:Vue.js 应用状态管理的全面指南
提供全面的关于 Pinia 状态管理库的学习资源。从安装和创建 Pinia 环境开始,逐步介绍了定义 Store、使用 Store、修改数据、使用 Getters、订阅状态变化等关键内容。旨在帮助 Vue.js 开发者快速入门 Pinia,实现清晰、可维护的状态管理。原创 2024-04-23 23:53:05 · 458 阅读 · 0 评论 -
TypeScript 基础:接口、泛型和自定义类型在 Vue 3 中的应用
介绍在 Vue 3 中应用 TypeScript 的核心特性:接口、泛型和自定义类型。通过示例展示了如何利用这些特性定义类型安全的组件属性,并创建可重用的函数和组件。通过完整的 Vue 3 组件示例,演示如何整合这些特性到实际的组件开发中,以提高代码质量和开发效率。原创 2024-04-19 19:17:50 · 658 阅读 · 0 评论 -
Vue 3 路由机制详解与实践
深入探讨Vue 3中的路由机制,包括路由的基本理解、切换效果、组件存放规则、工作模式(history和hash)、to属性的两种写法、命名路由、嵌套路由、路由传参(query和params)、props配置、replace属性以及编程式路由导航。通过具体代码示例,详细解释在Vue 3应用中实现页面导航、参数传递和接收、以及如何通过路由优化用户体验和SEO。还介绍路由重定向的概念和应用场景,帮助开发者更高效地管理应用路由,提升网站导航的灵活性和用户友好性。原创 2024-04-22 20:33:08 · 409 阅读 · 0 评论 -
Vue 3 中 Props 传值的完整指南
介绍在 Vue 3 项目中如何定义和传递 props,并通过示例演示三种不同的 props 接收方式。通过清晰的代码示例和详细解释,学习定义 props 类型、创建父组件、编写子组件以及子组件如何接收 props。帮助理解 Vue 3 中的 props 传值机制,提高开发效率。原创 2024-04-19 20:54:31 · 3076 阅读 · 1 评论 -
Vue 3 Hooks:优雅管理组件状态的完整指南
详细介绍如何在Vue 3中使用Hooks来管理组件状态。通过创建自定义Hooks函数,我们可以在函数式组件中轻松使用响应式状态、效果和生命周期钩子。以获取狗狗图片为例,展示了如何使用Hooks进行数据获取和状态更新。从简单到复杂的场景,通过实例演示了Hooks的灵活性和便捷性,深入理解Vue 3中Hooks的应用,提高组件逻辑的可维护性和可复用性。原创 2024-04-20 23:56:48 · 442 阅读 · 1 评论 -
Vue 3响应式系统全解析:深入ref、reactive、computed、watch及watchEffect
Vue 3的响应式系统以ref和reactive为核心,分别用于基本数据和深度响应式对象。computed提供了自动计算的属性,而watch用于监视数据变化。此外,toRef和toRefs从reactive对象中提取ref,增强了数据响应性。这些API共同简化了Vue 3中动态界面的构建和数据管理。原创 2024-04-18 17:09:16 · 1757 阅读 · 0 评论 -
Vue 2与Vue 3生命周期钩子的对比分析
详细对比Vue 2和Vue 3在生命周期钩子方面的差异,包括命名规则、新增钩子以及执行顺序的变化。生命周期钩子是Vue框架中的重要组成部分,允许开发者在组件的不同阶段执行特定的代码,从而实现对组件生命周期的精细控制。原创 2024-04-20 19:52:01 · 983 阅读 · 0 评论 -
Vue.js 指令与生命周期深度解析
涵盖了 Vue.js 中的内置指令、条件指令、自定义指令以及 Vue 的生命周期钩子函数。原创 2022-11-09 02:04:50 · 1207 阅读 · 0 评论 -
Vue2生命周期
vue生命周期原创 2022-11-08 12:43:49 · 195 阅读 · 0 评论