首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue
梨子同志
创建于2025-09-04
订阅专栏
记录Vue相关内容
暂无订阅
共18篇文章
创建于2025-09-04
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue 生命周期
Vue 组件的生命周期分为创建、挂载、更新和销毁四个阶段,每个阶段包含特定的钩子函数(生命周期钩子)。这些钩子允许开发者在不同阶段执行自定义逻辑。 🌟 完整生命周期流程图 生命周期钩子详解 1. 创建
Vue Options API vs Composition API
一、核心概念对比 Options API (选项式API) 定义:Vue 2的传统组件编写方式,通过定义不同的选项(data, methods, computed, watch等)组织代码 特点:基于
Vue 中的 ref 与 reactive
在 Vue 3 的组合式 API 中,ref 和 reactive 是创建响应式数据的两种主要方式。它们都用于使数据具有响应性,但在使用场景和特性上存在重要区别。 核心区别概览 特性 ref reac
Axios 介绍
1. 作用 Axios 是一个基于 Promise 的现代化 HTTP 客户端库,专为浏览器和 Node.js 设计。它的核心作用包括: 发送 HTTP 请求:支持 GET、POST、PUT、DELE
Vue.js 核心概念、模板语法、常用指令
1. Vue 是什么? Vue.js 是一个用于构建用户界面的渐进式框架: 核心库:专注视图层(约40KB),提供数据驱动、组件系统等核心功能 渐进式:可逐步集成路由、状态管理等扩展 设计理念:通过简
Vue Router
Vue Router 是 Vue.js 官方的单页面应用(SPA)路由管理器,其核心原理如下: 路由模式: Hash 模式:通过 URL 的 # 部分(如 http://site.com/#/home
Vue Router 用法详解与案例
核心功能详解 1. 路由守卫(Navigation Guards) 路由守卫是 Vue Router 最强大的功能之一,允许你在路由导航过程中进行控制。 类型和用法: 2. 动态路由匹配 动态路由允许
Vue 3 的 app.use()
一、核心作用与使用场景 app.use() 是 Vue 3 应用实例的关键 API,主要用于: 安装 Vue 插件(Vue Router、Vuex、UI 库等) 注册全局功能(组件、指令、混入等) 配
Vue 3 自定义指令
核心概念 自定义指令用于封装底层 DOM 操作,主要应用场景: 直接操作 DOM(聚焦、滚动等) 集成第三方 DOM 库 添加特殊行为(权限控制、拖拽等) 一、指令生命周期钩子(7个) 二、钩子函数参
Vue v-model 指令详解
什么是 v-model? v-model 是 Vue 中最常用的指令之一,它实现了表单输入元素与 Vue 实例数据的双向绑定。这意味着: 当用户修改表单元素的值时,Vue 实例的数据会自动更新 当 V
Vue 单向数据流
什么是单向数据流? 单向数据流是 Vue 的核心设计原则之一,它规定了数据在组件层级中的流动方向: 数据只能从父组件流向子组件(通过 props) 子组件不能直接修改父组件传递的数据 子组件通过触发事
Vue Composition API
Vue 3 的 Composition API 是一套函数式 API,用于在组件中更灵活地组织逻辑代码。它解决了 Options API 在大型组件中逻辑分散的问题,提供更好的代码组织和复用能力。 核
Vue 3 内置组件
Vue 3 提供了一系列内置组件,无需注册即可在任何组件中使用。这些组件覆盖了常见场景如动态组件、过渡动画、内容分发等。下面是对每个内置组件的详细说明和代码示例: 1. <component> - 动
Vue2 与 Vue3 响应式原理
一、核心概念与差异概述 特性 Vue2 Vue3 实现方式 Object.defineProperty Proxy 数组响应式 重写数组方法 原生支持 新增/删除属性 需要 Vue.set/delet
Vue 组件通信详解
以下是 Vue 组件通信的三种核心方式及详细实现方案,适用于 Vue 2/3 版本: 1. 父子组件通信 核心方法:Props 向下传递,Events 向上传递 关键点: Prop 验证(Vue 2/
Vuex 4 for Vue 3
什么是 Vuex? Vuex 是 Vue.js 的官方状态管理库,专为 Vue.js 应用程序设计。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 为什么
Pinia 简介
Pinia 是 Vue.js 的下一代状态管理库,由 Vue 核心团队维护,专为 Vue 3 设计(同时兼容 Vue 2)。它取代了 Vuex,提供更简洁的 API、完整的 TypeScript 支持
Vue 3 动画
一、动画组件与原理 1. <transition> 组件 用于单个元素的进入/离开动画,通过 CSS 类名或 JavaScript 钩子实现。 工作原理: 当元素插入/移除时,Vue 会自动检测目标元