Vue 3
0 人感兴趣 · 92 次引用
- 最新
- 推荐

Vue3 中的 Ref 与 Reactive:深入理解响应式编程
Vue 3是一个功能强大的前端框架,它引入了一些令人兴奋的新特性,其中最引人注目的是ref和reactive。这两个API是Vue 3中响应式编程的核心,本文将深入探讨它们的用法和差异。

手把手带你初探 Vue 3.0 | 京东物流技术团队
距离Vue 3.0正式发布已经过去一段时间了,2月7日Vue团队正式宣布Vue 3正式成为新的默认版本。最近接触的新项目也使用Vue 3.0来开发,因此有必要对它进行一波总结和学习。
用 Vue3 编写一个简单的组件
在 Vue3 中,插槽(Slots)的使用方式与 Vue2 中基本相同,但有一些细微的差异。以下是在 Vue3 中使用插槽的示例:

“前端”工匠系列(一):合格的工匠,究竟该搞什么 | 京东云技术团队
此文为系列文章第一篇,为浅尝辄止的引入,目的是为了让前端从业人员及非从业但是对此领域感兴趣的人对于”前端“是干什么的这个话题有个无门槛的了解。
全栈开发实战|人事管理系统的设计与实现(Spring Boot + Vue 3 + MyBatis)
简介: 全栈开发实战|人事管理系统的设计与实现(Spring Boot + Vue 3 + MyBatis)

vue3 学习 -Composition API
最近也是在开始学习vue3,发现和vue2差别也挺大的,在vue2的基础上进行了升级,带来了更好的性能以及更简洁的语法和更易用的API

Vue3 使用 Teleport 封装 一个 Dialog
:::info是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。

Vue3 响应式语法糖
响应式的变量可以像普通变量那样被访问和重新赋值,但这些操作在编译后都会变为带 .value 的 ref。响应式对象存在解构丢失响应性的问题,而 ref 需要到处使用 .value 则感觉很繁琐.

历史性的时刻!OpenTiny 跨端、跨框架组件库正式升级 TypeScript,10 万行代码重获新生!
本文主要介绍 TS 基础及在 Vue 中的实践,附赠《JS项目转TS指南》,旨在帮助还在使用 JS 的朋友们快速使用上 TS,享受TS带来的丝滑体验。


拥抱下一代前端工具链 -Vue 老项目迁移 Vite 探索
随着项目的不断维护,代码越来越多,项目越来越大,决定将老项目迁移至vite。本文介绍了Vue老项目像Vite迁移的过程、遇到的问题以及经验总结。
十分钟用 vitepress 搭建项目文档
前些天,写了一篇技术文章,可惜掘金给的流量不多,点赞的人不多,评论的人几乎没有,收藏的人却不少,我想可能是万字长文,于是花了3天时间用`vitepress`搭建了一个项目文档,方便大家查阅。

LogicFlow 自定义业务节点
🎄Hi~ 大家好,我是小鑫同学,一位长期从事前端开发的编程爱好者,我将使用更为实用的案例输出更多的编程知识,同时我信奉分享是成长的唯一捷径,在这里也希望我的每一篇文章都能成为你技术落地的参考~

LogicFlow 安装与准备工作
🎄Hi~ 大家好,我是小鑫同学,一位长期从事前端开发的编程爱好者,我将使用更为实用的案例输出更多的编程知识,同时我信奉分享是成长的唯一捷径,在这里也希望我的每一篇文章都能成为你技术落地的参考~
前端代码规范常见错误 二
先看下面的代码,map中有一个if判断,当条件成立返回一个新的对象,此时会有一个问题,遍历数组中不满足的条件的会返回一个undefined,此时再用filter是可以过滤掉,但是此时我们将遍历循环两次,推荐可以使用forEach一次遍历将事情处理完毕。
前端代码规范常见错误 一
此次对我们所有工程的代码进行eslint的配置,期间发现了我们代码中很多的问题,这关系到我们的代码质量的提升,良好的代码习惯,将有效的降低我们代码异常情况,也会增加我们排查问题的复杂度

关于“React 和 Vue 该用哪个”我真的栓 Q
面对当今前端界两座大山一样的主流框架,React 和 Vue,相信很多小伙伴都或多或少都产生过这样疑问,而这样的问题也往往很让人头疼和犹豫不决:

el-table 表格还可以这么玩
我们都知道表格是横向渲染的,一行一行去展示。不过博主这里有个需求是纵向渲染,一列一列去展示…嗯…不难...做出来了,下面是全部代码,分享出来或许能帮到你们。
Vue 组件入门(十一)$attrs
上一章我们说到,对于单个根元素的子组件来说,使用时在其上面声明的class、style以及事件等,会发生一个透传的行为。但有些时候,我想对透传的属性进行一个自定义继承。这个时候要怎么做呢?这就引出了我们今天的主角--$attrs。下面我们来看一看。
Vue 组件入门(十)Attributes 继承
在我们使用一个组件的时候,并在上面添加相应的class样式的时候,你会发现,他会进行一个透传,作用于子组件的内容元素,当然,也包括一些点击事件等等,而这就是Attributes 继承。而他会怎么继承呢?以何种规则继承呢?下面我们来具体看一看。