Programming VIP

prefaceIn the previous section, we learned how to set styles for custom components. At that time, we set the styles of custom labels in the main DOM:<style> my-card { display: block; margin: 20px; width: 200px; height: 200px; border: 3px solid #000; } </style> <my-card></my-ca ...

This article is all adopted <script setup> This combined API writing method is more free than the option API writing method. For details, please refer to Vue documents Description of two ways. This article will introduce the following seven component communication modes: propsemitv-modelrefsprovide/injecteventBusVuex / Pinia (state mana ...

Vue CLI can easily create a Vue project, but it is not enough for the actual project. Therefore, some common capabilities will be added based on the business situation to reduce some repetitive operations when creating a new project. For the purpose of learning and sharing, this paper will introduce the front-end architecture design of our Vue ...

Welcome to my official account, "front-end wall". 1, Environmental preparation axios version v0 twenty-four Through github1s web page, you can see axios - dispatchRequest.js source code clone to local is required for debugging git clone https://github.com/axios/axios.git cd axios npm start http://localhost:3000/ 2, Funct ...

TypeScript -- basics Write in front: This article is a little long, which is suitable for Xiaobai who is going to learn TS. if there is a certain basic God, you can ignore this article. The article is not completely original. Most of the content is moved from other articles on the Internet, and then add some of your own understanding and su ...

concept Keep alive yes Vue When it wraps dynamic components, it caches inactive component instances instead of destroying them. Similar to transition, keep alive is an abstract component: it does not render itself as a DOM element or appear in the parent component chain. effect In the process of component switching, the switched components a ...

In the previous section, we introduced the life cycle functions and customization methods in low code. In this section, we introduce the page Jump in low code. Page Jump It is relatively simple to realize page Jump in low code. Directly add behavior to the component and call the jump method of the platform. Open the application editor, select ...

reactive & ref reactive method Receive the parameter value and return a responsive Proxy object, that is, a responsive copy of the parameter valueParameter value: reference type dataAdvantages: even if only part of the data of the reference type is modified, eg: the data of the page will change when a property of the object / an item ...

prefaceThrough the previous study, we have a certain understanding of the relevant concepts and knowledge points of custom components. Today, let's learn several methods to set styles for custom elements and their sub elements.Add styles directly to custom labelsindex.html: <style> my-card{ display: block; margin: 20px ...

1. Registration event (binding event) ① Overview Adding an event to an element is called a registration event or a binding event. There are two ways to register events: traditional method and method listening registration method Traditional registration method: Use the event onclick starting with on <button οnclick="alert('hi~')">< ...