
Vue开发指南
文章平均质量分 96
本专栏将引领你由浅入深,逐步掌握Vue的全栈开发艺术。从基础到高级,从组件化到生态系统的整合,每一步都为你的前端之旅添砖加瓦。加入我们,开启你的Vue进阶之旅
子羽bro
以前端开篇,写全栈之路
展开
-
【vue教程】七. Vue 的动画和过渡
在本节的 Vue 探索之旅中,我们学习了 Vue 的动画和过渡,包括 Vue 的内置动画系统、CSS 过渡和 JavaScript 动画。通过实例演示,我们看到了如何将这些技术结合起来,为应用添加吸引人的动画效果。原创 2024-08-20 21:45:46 · 1385 阅读 · 8 评论 -
【vue教程】六. Vue 的状态管理
借鉴了 Flux、Redux 和 The Elm Architecture。与其他模式不同的是,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式和库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。状态自管理应用包含以下几个部分:状态,驱动应用的数据源;视图,以声明方式将状态映射到视图;操作,响应在视图上的用户输入导致的状态变化。以下是一个表示“单向数据流”理念的简单示意:Vuex 在 Vue 组件中的流程图在本站的 Vue 探索之旅中,原创 2024-08-19 14:08:45 · 1312 阅读 · 11 评论 -
Vue2 和 Vue3中EventBus使用差异
在前端开发中,组件之间的通信是一个非常重要的话题。Vue.js 提供了多种方式来实现这一点,本文将重点介绍在 Vue 2 中使用 EventBus 和在 Vue 3 中使用 mitt 来实现组件间通信的方式。正文开始💖💖💖在 Vue 2 中,使用 EventBus 是一种方便的方式来实现非父子组件之间的通信,但需要注意内存管理问题。在 Vue 3 中,推荐使用mitt,它提供了更轻量级、性能更高的解决方案,并且 API 更加简洁易用。原创 2024-08-15 10:31:28 · 1521 阅读 · 4 评论 -
【vue教程】五. Vue 的路由管理
Vue Router 是 Vue 官方的路由管理器,用于构建单页面应用。它允许你通过 URL 来映射不同的组件,实现页面的动态加载和导航。路由守卫用于在路由跳转前后执行代码,可以用来检查用户认证状态、获取数据等。通过本篇文章,我们学习了 Vue Router 的基本概念、配置和使用,以及如何实现动态路由和嵌套路由。我们还探讨了路由守卫的概念,并提供了如何在 Vue 组件中使用它们的示例。这些知识点将帮助你构建一个功能完备的单页面应用。原创 2024-08-13 22:07:58 · 1798 阅读 · 61 评论 -
【vue教程】四. Vue 计算属性和侦听器
本文详细介绍了 Vue 的计算属性和侦听器,以及生命周期钩子函数。计算属性提供了一种声明性描述一个值是如何根据组件中其他数据计算得来的方式,侦听器允许我们对数据的变化做出响应,而生命周期钩子函数则让我们可以在 Vue 实例的不同阶段执行特定的逻辑。在下一篇文章中,我们将探讨 Vue 的路由管理,包括 Vue Router 的配置和使用。欢迎在文章下方留言,分享学习 Vue 计算属性、侦听器和生命周期钩子函数的心得体会,或提出在学习过程中遇到的问题。我们将在后续的文章中提供解答和指导。原创 2024-07-21 21:49:27 · 1521 阅读 · 39 评论 -
【vue教程】三. 组件复用和通信(7 种方式)
我是全局组件!',})// 在特定实例中局部注册组件new Vue({template: '我是局部组件!原创 2024-07-20 21:06:32 · 1213 阅读 · 14 评论 -
【vue教程】二. Vue特性原理详解
本章将对Vue 实例和选项 ,模板语法:插值、指令、过滤器, 数据绑定和响应式原理, 事件处理和表单输入、v-model 原理,组件基础 进行讲解原创 2024-07-13 13:42:07 · 1689 阅读 · 10 评论 -
【vue教程】一. 环境搭建与代码规范配置
Vue.js 是一个构建用户界面的`渐进式框架`,它设计简洁,易于上手,同时具备强大的功能来支持复杂的单页应用开发。本篇文章将作为我们 Vue 探索之旅的开篇,带领您了解 Vue 的基本概念,搭建 Vue 开发环境,并为后续深入学习打下坚实的基础。原创 2024-07-13 10:42:11 · 2031 阅读 · 0 评论