首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
vue3
YaeZed
创建于2025-11-11
订阅专栏
vue3学习记录
等 2 人订阅
共14篇文章
创建于2025-11-11
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue3-Teleport
Vue 3 的 <Teleport>(传送门)是一个内置组件,它允许你将组件模板的一部分 HTML 结构传送到当前组件 DOM 层次结构之外的某个 DOM 节点中,同时保持组件内部的逻辑状态(如 pr
Vue3-异步组件 && suspense
异步组件(Async Components)也称为懒加载组件(Lazy-loaded Components)。 默认情况下,Webpack 或 Vite 等构建工具会把你所有的组件打包到一个(或几个)
Vue3-插槽slot
插槽是 Vue 组件中一个非常核心的概念,它允许你以一种灵活的方式将内容“插入”到子组件的指定位置,极大地提高了组件的复用性和灵TA性。插槽允许组件只负责渲染一个“框架”(比如边框、阴影),而把“内容
Vue3-动态组件
在 Vue 3 中,动态组件的核心是使用内置的 <component> 元素,并通过其 :is prop 来指定要渲染的组件。动态组件允许在同一个挂载点(<component> 标签)动态地切换和渲染
Vue3-全局组件 && 递归组件
1.全局组件 全局组件是在 main.ts 中一次性注册,之后就可以在项目中的任何组件模板内直接使用,无需 import。 组件本身就是一个标准的 SFC (单文件组件),使用 <script set
Vue3-父子组件通信
在 Vue 3 中,尤其是在使用 `` 并结合 TypeScript 时,父子组件之间的通信变得非常清晰和类型安全。 核心思想是: 父组件向子组件 (Prop down): 通过 Props 传递数据
Vue3-生命周期
一个关键点是: <script setup> 本身就是在 beforeCreate 和 created 阶段执行的。 因此,在 <script setup> 中,没有 beforeCreate 和 c
Vue3-watchEffect
watchEffect 是 Vue 3 组合式 API 提供的另一个侦听器。它和 watch 目标一致(在数据变化时执行副作用),但使用方式更简洁,因为它会自动追踪依赖。 1.核心理念 watchEf
Vue3-watch
watch 的作用就是:“请帮我盯着这个数据,当它变化时,就去执行这个函数。 ” 这在你需要根据数据变化来执行异步操作(如 API 请求)、设置 localStorage 或执行一些无法在 compu
Vue3-computed
在 Vue 3 中,computed 是一个核心 API,用于根据响应式数据(ref, reactive)派生出新的值。它具有缓存特性,只有当依赖的响应式数据发生变化时,才会重新计算。 1.写法 在
Vue3-toRef、toRefs、toRaw
在 Vue 3 中,toRef、toRefs 和 toRaw 都是处理响应式系统的重要工具,它们提供了更灵活的方式来操作 reactive 对象。 1.toRef toRef 用于为 reactive
Vue3-Reactive
在 Vue 3 中,reactive 是除了 ref 之外的另一种创建响应式数据的方式。 一般用来绑定复杂的数据类型,例如对象,数组 1.写法 写法一:自动推断 (推荐用于简单的对象) 写法二:显式接
Vue3-Ref
在 Vue 3 中,ref 家族的 API 是组合式 API (Composition API) 的核心部分,用于创建响应式数据。它们各自有不同的特性和使用场景,尤其是在处理性能优化和复杂逻辑时。 1
Vue3-基本语法
1.插值语法 2.v-text,v-html 3.v-if VS v-show 4.v-for循环渲染 5.v-on,v-bind 6.v-model 7.v-once,v-memo 特性 v-onc