Change of template instruction - v-model instruction

Changes in v-model instructions There are two similar functions in vue2, sync modifier and v-model, but they are often confused in practical application because they have similar functions. For example, I want to bind a dynamic value and try to change it in the sub component. The sync modifier and v-model can realize this function, so I don't k ...

Posted by ScubaKing22 on Wed, 10 Nov 2021 09:04:42 -0800

setup function in Vue3 and response expression ref reactive

In the previous article, Xiaobian and everyone learned the basic syntax and concepts of Vue, including components, data mixing and slots. Starting today, Xiaobian will learn the new features in Vue3, that is, the overwhelming composition API fried online, to see what the magic is. The code we wrote through Vue is basically like this Vue.create ...

Posted by lee2732 on Tue, 09 Nov 2021 22:48:14 -0800

Complete project learning-3

1. Use sub query to realize the menu list on the left 1.1 edit mapping file 1.1.1 Sql statement writing method of subquery /*Query level-1 menu information*/ SELECT * FROM rights WHERE parent_id = 0 /* Query from table data */ SELECT * FROM rights WHERE parent_id = 3 1.1.2 writing method of XML Mapping File <!--Data acquisition ...

Posted by virtualdevl on Tue, 09 Nov 2021 14:56:56 -0800

vue novice (install devtools browser debugging tool, container and vue instance, template syntax, event binding, conditional rendering, list rendering)

Download the tutorial for installing and configuring Vue debugging tools and put it here: Install Vue devtools browser debugging tool Relationship between container and instance: Container: in short, it is the label corresponding to the attribute value of el in the Vue instance in the page structure Instance: to use Vue, you need to create a ...

Posted by sincspecv on Sun, 07 Nov 2021 21:32:19 -0800

Development framework VUE technology application summary

catalogue VUE Foundation MVVM design VUE binding principle design Virtual DOM tree analysis VUE programming steps and Practice Binding and instruction application Binding style analysis (understand): Application of life cycle function Ajax requests in Axios mode Get request Post request VUE component development Component design B ...

Posted by Ardivaba on Sat, 06 Nov 2021 22:25:01 -0700

Vue -- options -- use / tutorial / instance

Original website: brief introduction explain         This article illustrates the use of Vue's options with examples. Includes: combination options and other options.         The combination options will be introduced: mixin, provide/inject; Other options are described: inheritAttrs. Official websi ...

Posted by ceci on Sat, 06 Nov 2021 19:10:30 -0700

vue unit test

vue unit test vue unit_test jest Refer to the official website description https://vue-test-utils.vuejs.org/zh/installation/ 1. Browser environment npm install --save-dev jsdom jsdom-global // In the setting / entry of the test (this sentence is wrong, don't worry about it) require('jsdom-global')() 2. The first thing we need t ...

Posted by jorje on Fri, 05 Nov 2021 21:39:38 -0700

Vue - 12 Vue cli 3. X scaffold construction project

Vue family bucket -- 12   Vue cli 3. X scaffold construction project 12.1 what is Vue cli 1. Vue cli is a tool officially provided by Vue to build a project scaffold. It is a standard tool developed by Vue.js. It has integrated webpack and built many common configurations, making it more standardized when using Vue to develop projects.2. ...

Posted by banks1850 on Thu, 04 Nov 2021 14:03:28 -0700

Vue3 script setup syntax sugar, super cool experience

cataloguebrief introduction1. Properties and methods need not be returned and can be used directly2. Automatic component registration3. Component data transfer (props and emits)4. Get slots and attrs5. Define exposure attribute brief introduction The < script setup > syntax sugar is not a new function module. It only simplifies the writi ...

Posted by StewardManscat on Thu, 04 Nov 2021 13:39:05 -0700

Vue -- 08 Vue component development

Vue -- 08 Vue component development 8.1 concept of components Component system is another important concept of Vue because it is an abstraction that allows us to build large applications using small, independent and usually reusable components. When you think about it, almost any type of application interface can be abstracted into a component ...

Posted by tonbah on Tue, 02 Nov 2021 22:13:48 -0700