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