Programmer Group

Previous points here: ↓ Summary of VUE interview questions (I) 11. What is the difference between v-if and v-show Reference answer: The v-show instruction allows an element to be displayed or hidden by modifying the CSS attribute of its display The v-if instruction directly destroys and rebuilds the DOM to achieve the effect of ...

preface Hello, guys, hello. Yesterday, we made a simple extension to the original voting function: we realized a simple questionnaire function. When implementing the questionnaire function, we encapsulated several different types of components: voting component, single choice component, multiple choice component, input component and scoring ...

1. Overview From the first for-loop traversal method to the endless variety of traversal methods that have emerged since then, the biggest difference is the difference in the application scenario. The most important thing we need to remember is which method is appropriate under what circumstances. 2. Analysis Here is a pile of potatoes. If ...

This article has more dry goods. It is recommended to collect! When upgrading from vue2 to vue3, vue3 is compatible with vue2, so vue3 can adopt the optional API of vue2. Because one variable of the optional API exists in many places, if there is a problem, you need to check in multiple functions. When the project is large, it will encounter ...

1,toRaw Returns a proxy object wrapped in reactive or readonly In fact, it is to convert a proxy object into an ordinary object <template> <div> </div> </template> <script> import {ref,reactive,toRaw,readonly,shallowReactive,shallowReadonly,toRefs} from 'vue' export default { name: 'App', setup (props ...

1. Interpolation text       < span>Message: {{ msg }}</span>Raw HTML     < span v-html="rawHtml"></span>attribute     < div v-bind:id="dynamicId"></div>event     < a v-on:click="doSomething">...</a&gt ...

Project scenario: I just used swiper6 in my vue3 project not long ago. There are more pits than rural mud roads. It's not official. I directly came to swiper7. Next, I'll teach you how to use it and let you avoid detours. In addition, swiper7 will not lose the server style after packaging = " swiper6 style lost after packaging Gene ...

Vue3 animation and source code analysis 1. How does Vue implement animation In Vue, animation is mainly displayed through the built-in component < transition > < / transition > provided by Vue. 2. Use 1. Wrap a single element or component <template> <div> <button @click="isShow = !isShow">toggle</bu ...

Interpolation operation of template syntax (1)v-html inserts HTML text into the tag; (2)v-text inserts ordinary text into the label (the label cannot be parsed); (3)v-pre directly displays the syntax on the interface; (4)v-cloak hides the display of beard syntax on the interface before rendering the data to the page. The code is as follo ...

vue environment construction vue front-end framework, but I won't say more about why I configure this environment Mac environment construction Install Node All front-end framework environments need NODE.js. First install the Nodejs development environment, and vue operation needs to be implemented by the npm management tool that depends on nod ...