Ray Shine
2025/3/28 大模型进阶知识评估
Ray Shine
2025/3/26 大模型进阶知识部署
Ray Shine
2025/3/24 大模型进阶知识微调
Ray Shine
2025/3/22 大模型进阶知识训练 在Vue3应用中,组件化是核心开发模式。组件之间的数据传递和事件交互是构建复杂应用不可或缺的部分。Vue3提供了多种组件通信方式,以适应不同场景的需求,从父子组件的直接通信到跨层级、非亲缘组件的复杂数据流管理。理解并熟练运用这些通信模式,是构建高效、可维护Vue3应用的关键。
Ray Shine
2024/7/16 Vue3进阶知识组件通信 在Vue3中,Teleport是一个内置组件,它提供了一种将组件的模板内容渲染到DOM中当前组件树之外的指定位置的机制。这个特性对于处理模态框(Modal)、通知(Notification)、下拉菜单(Dropdown)等需要脱离父组件样式和DOM流的场景非常有用,可以有效解决层叠上下文(z-index)和样式隔离等问题。
Ray Shine
2024/7/15 Vue3进阶知识Teleport 在现代Web应用中,异步加载组件和数据是常见的需求,例如按需加载路由组件、懒加载大型组件或等待数据请求完成。Vue3引入了一个实验性特性——Suspense,旨在更优雅地处理这些异步操作的加载状态,从而提升用户体验。Suspense允许你在等待异步组件或异步设置(如异步setup函数)完成时,显示一个回退(fallback)内容。
Ray Shine
2024/7/15 Vue3进阶知识Suspense 在Vue3的<script setup>语法糖中,为了更好地支持组合式API和TypeScript,Vue引入了三个编译时宏函数:defineProps、defineEmits和defineExpose。这些宏函数无需导入即可直接使用,它们在编译阶段被处理,用于定义组件的输入(props)、输出(emits)和公共接口(expose),从而实现更类型安全、更简洁的组件开发。
Ray Shine
2024/7/15 Vue3进阶知识definePropsdefineEmitsdefineExpose Vue3引入的<script setup>是一个编译时语法糖,旨在极大简化使用组合式API(Composition API)的组件编写体验。它允许开发者在单文件组件(SFC)的<script>标签中直接编写顶层代码,而无需手动设置setup函数并返回响应式数据和方法。这不仅减少了样板代码,还提升了开发效率和代码可读性。
Ray Shine
2024/7/15 Vue3进阶知识script setup Vue的自定义指令(Custom Directives)提供了一种机制,允许开发者直接操作DOM元素,封装可复用的低级别DOM行为。在Vue3中,自定义指令的API与Vue2类似,但生命周期钩子的名称有所调整,以更好地与组件生命周期对应,使得理解和使用更加直观。
Ray Shine
2024/7/15 Vue3进阶知识自定义指令