view 3

Communication between Vue non-parent-child components

Hits: 0Article directory Communication between non-parent-child components 1. Provide and Inject 1.1 Basic use 1.2 Handling reactive data (understanding) 2. Global event bus Communication between non-parent-child components This article explains the non-parent-child communication scheme before learning about state management In development, after we build the component tree, in addition to the communication between parent and …

Communication between Vue non-parent-child components Read More »

Using async and await in vue (one article teaches you)

Hits: 0[Using asynchronous async] and await in vue introduction async and await definitions scenes to be used actual combat scene summary introduction During this time, some of my friends are asking if there is any good website [for] async and await definitions async/await is a new way of writing asynchronous code (previously using [callbacks] and …

Using async and await in vue (one article teaches you) Read More »

The use of Compositions API in Vue3 (1)

Hits: 0Article directory Disadvantages of Options API Composition API Parameters of the setup function setup function return value setupReactive function 1.Reactive API 2.Ref API setup other functions 1. readonly function 2. Other functions of reactive 3. toRefs function 4. Other functions of ref Disadvantages of Options [API] In Vue2, the way we write components is …

The use of Compositions API in Vue3 (1) Read More »

Detailed introduction of Vue family bucket Vue-router

Hits: 0Article directory v-router The development history of front-end routing 🍤 Know routing 🍤 Stages of backend routing 🍤 Front-end and back-end separation stage 🍤 Single page rich application stage v-router use 🍔 Basic use of v-router 🍔 v-router usage process 🍔 v-router details added Lazy loading sub-package processing Other properties of routing Use of …

Detailed introduction of Vue family bucket Vue-router Read More »

Vue3’s routing jump parameter transfer parameter

Hits: 0route jump [vue2 routing jump click here] Divided into 2 methods query ======== Through router .push { path : 'jump path' , query{ Incoming parameters } } Then receive it through route .query a page <template> <div class="main"> <el-button style="width: 100px; margin: 0 40%" type="primary" @click="btnnext" </div> </template> <script lang='ts'> import { reactive, toRefs,onMounted,} …

Vue3’s routing jump parameter transfer parameter Read More »