Programming VIP

This article mainly wants to record some problems I have encountered in learning the responsive principle in vue. If there are mistakes, please correct them!1. What are watcher, Dep and Observer respectively responsible for?Observer is responsible for recursive data and all sub data through object Defineproperty defines getters / setters for pr ...

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 ...

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 ...

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 ...

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 ...

Note: this example is based on Vue cli scaffold construction First, install the echorts dependency npm install echarts -S Note: after installing NodeJS, npm is used to install the package, and the foreign address is used. Timeout errors often occur. At this time, you can speed up the installation by modifying it to the domestic Taobao image ...

A lot about node has been introduced earlier JS theoretical knowledge, but lack of practical combat. Actual combat is still more important. Therefore, I hope to record these basic knowledge and key points of actual combat of the project like thinkPHP before, which can be easily read by myself and shared with you. If there is anything wrong, ...

1, Front end routing concept By changing the URL, the page view is updated without re requesting the page. 2, Vue router two modes Updating the view without re requesting the page is one of the cores of the front-end routing principle. At present, there are two main ways to realize this function in the browser environment: Hash - de ...

Vue front end development framework Vue cli project scaffold is based on Vue JS for rapid development of a complete system Document address https://cli.vuejs.org/zh/ Install node js https://nodejs.org/zh-cn/Install Vue cli scaffold npm install -g @vue/cli Create a vue project Execute command vue create hello-world(Project name) Quickly ...

Learning objectives of this article Be able to understand the role of key, virtual Dom and diff algorithmBe able to master setting dynamic stylesBe able to master filters, calculation properties and listenersAble to complete brand management cases 1. vue Foundation 1.0_vue basic v-for update monitoring Target: when the target structu ...