SegmentFault Sifu Technology Weekly -- these few Vue knowledge points, you are God! ! !

In this issue of Technology Weekly, the editor recommends a few articles about Vue, let's come to Kangkang~

文章推荐

Demystifying, Non-reactive Object for Vue3 Performance Optimization

First, let's take a look at the Reactivity Object reactive object, which is based on using Proxy to create a proxy object of the original object and using Reflect to proxy the JavaScript operation method to complete the process of collecting dependencies and dispatching updates.
Then, we can create corresponding responsive objects by using the APIs provided by Vue3 such as ref, compute, reactive, readonly, etc. as needed.

SpringBoot+Vue+Flowable, simulate a leave approval process!

Friends know that Song Ge is recording a video of the TienChin project recently. This project will use workflow. In order to help the friends better understand this project, Song Ge will publish several articles and talk to everyone about workflow flowable. Using it is the first foreshadowing of the TienChin project. Of course, in the series of videos of the TienChin project, I will also talk to you about the use of the flowable process engine in detail.
Today, I will first write a simple process for asking for leave, so that my friends can have an intuitive understanding of flowable.

Use Vue.js to write command line interface, a tool for front-end development of CLI

Hello everyone, I'm webfansplz. After rendering Vue to the embedded LCD screen, today I want to share with you how to render Vue to the command line tool :). You should be familiar with command line tools, such as vue-cli, Vite, etc. When we write front-end applications for users, we usually pay a lot of attention to user experience. As developers, when we use tools, we will also pay great attention to the developer experience (DX) it gives us. Modern front-end engineering is inseparable from the development and use of CLI, so whether there is a lower-cost solution that allows front-end partners to quickly develop CLI, and everyone can handle it like writing front-end applications. Hence, Temir came into being.

6 questions you must understand about ref and reactive in Vue3 (Introduction)

Vue3 provides developers with two APIs, ref and reactive, to implement responsive data, which are also the two APIs we often use in Vue3 development projects.
This article introduces these two APIs from an introductory perspective. If there are any mistakes, please discuss and learn together~
The demo code in this article is based on the Vue3 setup syntax.
In the introductory stage, what we need to master is "what is it", "how to use it", and "what should I pay attention to", which is basically the same.

Song Ge teaches you how to customize plugins in Vue3

On the whole, the content that can be achieved by customizing the plug-in in this way is relatively rich. If you just want to hang a global method to use, then there is no need to define a plugin. If you just want to mount a global method, you can use it as follows in Vue2:
Vue.prototype.postRequest = postRequest;
In Vue3, you can do the following:
app.config.globalProperties.useDict = useDict

Vue3 solves various types of errors in ESLint

The eslint check was ignored in the previous project, resulting in more than 2,000 errors (இдஇ; ) when running npm run lint.

In Vue, how to design multi-level menus to look professional?

Some friends have done vhr and know how to implement dynamic menu in vhr. Song Ge, like everyone, is also learning and making progress. Today I want to discuss with you the implementation plan of dynamic menu in TienChin project to see if it is a better solution.

问答推荐

• Vue table to deduplicate data?
• How does the Vue volar plugin quickly generate templates?
• How to modify the overall length of the scrollbar in Vue?
• Vue uses this. After assignment, the variables defined in the entire data lose their responsiveness?
• When the background image is randomly changed in Vue, the online image can be used, but why is the local path image not displayed?
• The Vue program is clearly assigned successfully but the value on the page has not changed?
• Vue el-tree gets the 5-layer hierarchical relationship code. I feel like I'm writing this way too verbose?
• After interface debugging, refresh the page and report 404?
• The Vue team leader said that I didn't write well like this, and I couldn't figure out why?

---

PS: What technical content do you want to see, you can leave a message in the comment area~
If you have any questions, you can add Ms. WeChat~