头图

SegmentFault 思否技术周刊 -- 这几个 Vue 知识点,全都会你就是神!!!

Beverly
北京市
English

本期技术周刊小编为大家推荐几篇关于 Vue 的内容,一起来康康呀~

文章推荐

揭秘,Vue3 性能优化之 Non-reactive Object

首先,我们先来看一下 Reactivity Object 响应式对象,它是基于使用 Proxy 创建一个原始对象的代理对象和使用 Reflect 来代理 JavaScript 操作方法,从而完成依赖的收集和派发更新的过程。
然后,我们可以根据需要通过使用 Vue3 提供的 ref、compute、reactive、readonly 等 API 来创建对应的响应式对象。

SpringBoot+Vue+Flowable,模拟一个请假审批流程!

小伙伴们知道松哥最近在录 TienChin 项目视频,这个项目会用到工作流,为了帮助小伙伴们更好的理解这个项目,松哥最近会出几篇文章和大伙聊一聊工作流 flowable 的使用,算是给 TienChin 项目的第一个铺垫,当然,在 TienChin 项目的系列视频中,我也会和大家详细聊一聊 flowable 流程引擎的使用。
今天我就先写一个简单的请假流程,让小伙伴们对 flowable 先有一个直观的认知。

使用 Vue.js 编写命令行界面,前端开发 CLI 的利器

大家好,我是 webfansplz. 继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将 Vue 渲染到命令行工具 :)。关于命令行工具,大家应该都比较熟悉了,比如 vue-cli、Vite 等。我们在编写前端应用面向用户时,通常会非常关注用户体验,作为开发者,我们在使用工具时,它给予我们的开发者体验(DX)我们也会十分关注。现代前端工程化离不开 CLI 的开发与使用、那么是否能有较低成本的方案能让前端小伙伴快速开发 CLI,大家可以像编写前端应用一样搞定它。因此,Temir 应运而生。

6 个你必须明白 Vue3 的 ref 和 reactive 问题(入门篇)

Vue3 为开发者提供 ref和 reactive两个 API 来实现响应式数据,这也是我们使用 Vue3 开发项目中经常用到的两个 API。
本文从入门角度和大家介绍这两个 API,如果有错误,欢迎一起讨论学习~
本文演示代码是基于 Vue3 setup 语法。
在入门阶段,我们需要掌握的是「是什么」、「怎么用」、「有什么注意」,基本就差不多了。

松哥手把手教你在 Vue3 中自定义插件

整体上来说,通过这种方式来自定义插件,能够实现的内容比较丰富。如果只是想挂一个全局方法来用,那么其实是没有必要定义插件的。如果只是想挂载一个全局方法,在 Vue2 中可以按照如下方式使用:
Vue.prototype.postRequest = postRequest;
在 Vue3 中则可以通过如下方式:
app.config.globalProperties.useDict = useDict

Vue3 解决 ESLint 各类型错误

前期项目中忽略了 eslint 检查,导致一运行 npm run lint 出现两千多条错误(இдஇ; ) 造孽啊
花了两三天搞完,做个错误汇总。

Vue 里,多级菜单要如何设计才显得专业?

有的小伙伴做过 vhr,知道 vhr 里的动态菜单实现方式,松哥和大家一样,也是在不断学习不断进步中,今天我想和大家探讨 TienChin 项目中动态菜单的实现方案,看看是否是一种更佳的解决方案。

问答推荐


PS:大家想看哪些方面的技术内容,可以在评论区留言喔 ~
如有问题可以添加小姐姐微信~
image.png

阅读 965

SegmentFault_社区周刊
主题技术周刊,每周分享新鲜有趣的技术干货。
avatar
Beverly
SegmentFault 思否社区打工人

怂人面前全是坑,努力填坑。加油💪🏻,小鸣酱~

647 声望
2.1k 粉丝
0 条评论
avatar
Beverly
SegmentFault 思否社区打工人

怂人面前全是坑,努力填坑。加油💪🏻,小鸣酱~

647 声望
2.1k 粉丝
文章目录
宣传栏