写点什么

Vue 3

0 人感兴趣 · 92 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/4b/4b33bca61a4cf96f29c46c231d6bd43b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue3 中的 Ref 与 Reactive:深入理解响应式编程

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

https://static001.geekbang.org/infoq/1b/1b4baf25ada63d40b24877d8a61f7cab.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

手把手带你初探 Vue 3.0 | 京东物流技术团队

距离Vue 3.0正式发布已经过去一段时间了,2月7日Vue团队正式宣布Vue 3正式成为新的默认版本。最近接触的新项目也使用Vue 3.0来开发,因此有必要对它进行一波总结和学习。

https://static001.geekbang.org/infoq/7f/7f2ba2106aae5b7b3963b42464586139.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

m7s Console 架构解析

Console相对m7s独立运行,方便部署在公网或者内网中,也方便管理多个m7s实例。并且实现多租户机制,方便多个用户管理自己的m7s。

用 Vue3 编写一个简单的组件

在 Vue3 中,插槽(Slots)的使用方式与 Vue2 中基本相同,但有一些细微的差异。以下是在 Vue3 中使用插槽的示例:

https://static001.geekbang.org/infoq/84/84e52f9a38e4de57af15e827635b31da.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

“前端”工匠系列(一):合格的工匠,究竟该搞什么 | 京东云技术团队

此文为系列文章第一篇,为浅尝辄止的引入,目的是为了让前端从业人员及非从业但是对此领域感兴趣的人对于”前端“是干什么的这个话题有个无门槛的了解。

https://static001.geekbang.org/infoq/47/47866052f59d9619ec36a8bf97538711.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

推荐一款基于 Vue3 的移动 H5 模板,加速你的移动应用开发

用户头像
cwang
04-30

一个集成最新 Vue3 技术栈、完整干净的移动端模板,帮助你快速完成移动H5应用开发,本模板可以应用在微信公众号网页开发、移动Wap站等等。

全栈开发实战|​人事管理系统的设计与实现(Spring Boot + Vue 3 + MyBatis)

用户头像
TiAmo
04-21

简介: 全栈开发实战|​人事管理系统的设计与实现(Spring Boot + Vue 3 + MyBatis)

https://static001.geekbang.org/infoq/aa/aa6a40bb44470888c6d5d28297dbadf0.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

华为云 OpenTiny 跨端、跨框架企业级开源组件库项目落地实践直播即将开启!

用户头像
Kagol
04-20

OpenTiny 组件库建设者、开源社区负责人 Kagol 与前端杨村长联合直播,盛情邀请你一同共同揭秘:OpenTiny 的落地实践之路。 就在周五晚8点,前端村长直播间,等你来撩~

https://static001.geekbang.org/infoq/cd/cd9dc68408238fcbf1431e2ebceffb2b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

vue3 学习 -Composition API

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

https://static001.geekbang.org/infoq/ac/ac65d347c4789abad100a61d75ee07eb.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue3 内置组件

Vue 提供了两个内置组件,可以帮助你制作基于状态变化的过渡和动画:

https://static001.geekbang.org/infoq/48/48e0f9f38ebb33c96a570794039e19e7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue3 使用 Teleport 封装 一个 Dialog

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

https://static001.geekbang.org/infoq/89/89244ddccb1af1ed9d7d9a4f347e180e.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue3 响应式语法糖

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

https://static001.geekbang.org/infoq/bf/bf77328cfa5636f04fc5d388f7a5fd82.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue3 watch 与 watchEffect

侦听一个或多个响应式数据源,并在数据源变化时调用所给的回调函数。

https://static001.geekbang.org/infoq/91/91f34561defe5b3d4e5754870619a09a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

历史性的时刻!OpenTiny 跨端、跨框架组件库正式升级 TypeScript,10 万行代码重获新生!

用户头像
Kagol
04-03

本文主要介绍 TS 基础及在 Vue 中的实践,附赠《JS项目转TS指南》,旨在帮助还在使用 JS 的朋友们快速使用上 TS,享受TS带来的丝滑体验。

vue 项目中 babel 的最佳实践

没有最佳,只有最适合 那么业内常用的脚手架是怎么配置的呢? 我们以一次线上白屏问题的排查为切入点一步步探讨。

https://static001.geekbang.org/infoq/fb/fb5c887db34948337c96b0697afce315.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

热点面试题:Vue2、3 生命周期及作用?

系列首发于公众号『前端进阶圈』 ,更多精彩内容敬请关注公众号最新消息。

https://static001.geekbang.org/infoq/b0/b0b5aa88a5e443e3636acb45b7925672.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

分享 5 个我不能没有的 Vue.js 库

开发人员最好的朋友和救星就是这些第三方库,无论是开发新手还是经验丰富的老手,我们都喜欢开源软件包。借助开源库加速Vue项目的开发进度是现代前端开发比较常见的方式,这几个 Vue.js库,建议尽早用上,加速你的项目开发。

https://static001.geekbang.org/infoq/5b/5be90777fb392b3d99d853ca4ab54dc2.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React 等前端框架如何与小程序结合

用户头像
Onegun
03-07

小程序是一种运行在移动端的应用形式,它可以提供快速、便捷、丰富的用户体验。但小程序的开发需要遵循一套特定的规范和接口,这对于前端开发者来说可能会有一定的学习成本和限制。

https://static001.geekbang.org/infoq/53/5356630bfaa0199b308d351ef02533b2.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

拥抱下一代前端工具链 -Vue 老项目迁移 Vite 探索

随着项目的不断维护,代码越来越多,项目越来越大,决定将老项目迁移至vite。本文介绍了Vue老项目像Vite迁移的过程、遇到的问题以及经验总结。

十分钟用 vitepress 搭建项目文档

前些天,写了一篇技术文章,可惜掘金给的流量不多,点赞的人不多,评论的人几乎没有,收藏的人却不少,我想可能是万字长文,于是花了3天时间用`vitepress`搭建了一个项目文档,方便大家查阅。

Vue3 项目框架搭建封装,一次学习,终身受益【万字长文,满满干货】

如果想做到前端负责人,项目搭建封装是必须掌握的,没有人甘于平庸,我想你也是!多入口打包+pinia+pinia插件开发+路由动画+axios二次封装+viewport等等,项目中会用到的,我都有写。

https://static001.geekbang.org/infoq/83/838cfcd22cb8b931706184157793c5ad.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

LogicFlow 自定义业务节点

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

https://static001.geekbang.org/infoq/6d/6dda084c92a24b1b8054cf3be496b123.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

LogicFlow 安装与准备工作

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

前端代码规范常见错误 二

用户头像
默默的成长
2022-11-16

先看下面的代码,map中有一个if判断,当条件成立返回一个新的对象,此时会有一个问题,遍历数组中不满足的条件的会返回一个undefined,此时再用filter是可以过滤掉,但是此时我们将遍历循环两次,推荐可以使用forEach一次遍历将事情处理完毕。

前端代码规范常见错误 一

用户头像
默默的成长
2022-11-16

此次对我们所有工程的代码进行eslint的配置,期间发现了我们代码中很多的问题,这关系到我们的代码质量的提升,良好的代码习惯,将有效的降低我们代码异常情况,也会增加我们排查问题的复杂度

https://static001.geekbang.org/infoq/7c/7c973628774d39308d91c1cd9e0c7a97.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

关于“React 和 Vue 该用哪个”我真的栓 Q

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

https://static001.geekbang.org/infoq/97/979f1a45298341674c7d95bc046f2469.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

el-table 表格还可以这么玩

用户头像
江拥羡橙
2022-10-20

我们都知道表格是横向渲染的,一行一行去展示。不过博主这里有个需求是纵向渲染,一列一列去展示…嗯…不难...做出来了,下面是全部代码,分享出来或许能帮到你们。

Vue 组件入门(十一)$attrs

用户头像
Augus
2022-10-20

上一章我们说到,对于单个根元素的子组件来说,使用时在其上面声明的class、style以及事件等,会发生一个透传的行为。但有些时候,我想对透传的属性进行一个自定义继承。这个时候要怎么做呢?这就引出了我们今天的主角--$attrs。下面我们来看一看。

Vue 组件入门(十)Attributes 继承

用户头像
Augus
2022-10-19

在我们使用一个组件的时候,并在上面添加相应的class样式的时候,你会发现,他会进行一个透传,作用于子组件的内容元素,当然,也包括一些点击事件等等,而这就是Attributes 继承。而他会怎么继承呢?以何种规则继承呢?下面我们来具体看一看。

Vue 3_Vue 3技术文章_InfoQ写作社区