Programmer Think

The switching of Vue router is different from the traditional page switching. The switching between routes is actually the switching between components, not the real page switching. This will also lead to a problem, that is, when the same component is referenced, the component cannot be updated, that is, the page in our mouth cannot be updated. ...

catalogue  8. Secondary routing (1) Routing configuration (2) Secondary route rendering 9. Route interception (12)axios 1.get request 2.post request 3.axios global introduction (rarely used, 4 questions) 4.axios request interception encapsulation 5. Processing method of asynchronous data failure  8. Secondary routing ...

preface In vue component development (1), the communication between parent and child components is introduced. In addition to the communication between parent and child components, there is also the communication between brother components. The so-called brother component refers to the use of two brother components a and B in the same componen ...

catalogue 1. Pie chart component chart pie doughnut 2. Use of chart pie doughnut 1. Pie chart component chart pie doughnut Effect display: Data type required for import (officially defined by Echarts) import * as echarts from 'echarts'; import { EChartsOption as EchartsOptions, PieSeriesOption } from 'echarts/types/src/export/opti ...

By Michael Thiessen Translator: front end Xiaozhi Source: dev There are dreams and dry goods. Wechat search [Daqian world] pays attention to this bowl washing wisdom who is still washing dishes in the early morning. This article GitHub https://github.com/qq449245884/xiaozhi It has been included. There are complete test sites, materials ...

Principle: vue data bidirectional binding is realized through data hijacking combined with publisher subscriber mode Let's first take a look at how to output an object structure defined on vue initialization data through the console var vm = new Vue({ data: { obj: { a: 1 } }, created: function () { ...

Let's briefly introduce vuex. What is this? First, if you want to know about a technology, go to its official website. It must be true. When you enter the official website, you will see "what vuex is": As shown in the figure, it is a state management mode in a program. It is a small warehouse that centrally stores the state of all ...

1. Realization of Transition Animation 1, no transition, direct change <template> <div class="testBox"> <div class="testCon" :style="{ width: width + 'px' }"></div> <div class="testBtn" @click="clickBtn">Click the button</div> </div> </template> <script setup> import { ref } f ...

Six ways of communication between vue components 1. props and $emit (child triggers parent), ref (parent calls child) The props keyword is generally used to transfer data from the parent component to the child component. The child component passes data to the parent component. Generally, $emit is used to trigger the event of the parent compon ...

vue actual combat 1. Vue introduction Progressive JavaScript framework -- Excerpted from the official website Progressive Easy to use: already know HTML, CSS and JavaScript, read the guide now and start building applications!Efficiency: a thriving ecosystem can scale freely between a library and a complete frameworkFlexible: 20kB min+gzip ...