Vue.nextTick
What is nextTick
Vue's official document says, "perform a delayed callback after the next DOM update cycle. Use this method immediately after modifying the data to get the updated dom. " , why does such an API appear? The main reason is that Vue uses asynchronous execution to update dom. As long as it listens for data changes, Vue wi ...
Added by dylan001 on Sat, 09 May 2020 07:55:40 +0300
From Vue cli to package Publishing
Structure and description of Vue cli initial directory
├── README.md
├├ -- build the code of compiling task
│ ├── build.js
│ ├── check-versions.js
│ ├── dev-client.js
│ ├── dev-server.js
│ ├── utils.js
│ ├── webpack.base.conf.js
│ ├── webpack.dev.conf.js
│ └── webpack.prod.conf.js
├ - configuration file of config webpack
│ ...
Added by Gabriel_Haukness on Mon, 04 May 2020 06:37:28 +0300
computed -- real time calculation attribute
Project: https://github.com/ccyinghua/vue-node-mongodb-project/blob/master/07-shoppingCart.md
The calculated function of real-time calculation attributes, real-time calculation attributes, is just the function writing method, and there is no need to declare in data. Some business logic codes can be placed in computed. Remember to return.
exampl ...
Added by Blob on Sun, 03 May 2020 01:11:13 +0300
Vue.js - MVVM belief
Vue.js - MVVM belief
Learning video address of station B: https://www.bilibili.com/video/BV1e7411M7GQ
All based on ES6 (let, const, arrow function, promise, axios)
MVVM model (React nactive is widely used in APP)
Traditional js top and bottom gives you thinking, breaking the manual operation of DOM
1. Import vue.js
<script src="vue. ...
Added by xhitandrun on Mon, 27 Apr 2020 18:19:21 +0300
Infinite loop of El menu component in element
Implementation idea: nesting of main components (components call themselves)
Here is the data required by the component
{
"code": 1,
"data": {
"menuVoList": [
{
"childList": [
{
"childList": [],
"menu": {
"createBy": "0-1",
"createTime": 1587610158,
...
Added by jeremywesselman on Sun, 26 Apr 2020 18:38:00 +0300
Extraction and reuse logic in the Vue3 Composition API
The Vue3 Composition API allows better organization of code in large projects.However, as you switch to a single setup method using several different option properties, the problem faced by many developers is...
Would this be more confusing, because everything is in one way
At first glance it may be easy, but it actually takes a little t ...
Added by uatec on Thu, 23 Apr 2020 04:06:24 +0300
Write a WeChat Applet Development
Previously I saw a blog park on the web News Service Open Interface Because of the habit of watching IT news on the blog site, the idea of developing a WeChat applet using the open API came into being in order to browse the news concisely and conveniently anytime, anywhere.
1. mpvue
Usually the technology stack has Vue, this applet function ...
Added by preet_harman83 on Fri, 17 Apr 2020 19:51:21 +0300
Single file component
The most common way to write components is to use. vue files
A parent component references a child component only as a simple reference
Pass value from parent component to child component
Child component communicates with parent component
1. The parent component references the child component, only a simpl ...
Added by sosha on Wed, 15 Apr 2020 18:21:21 +0300
From the beginning to the end of the separation [Vue 2.0 +. Net core 2.1] 15 ║ Vue Foundation: JS object-oriented & literal & this word
origin
Book to front< From the beginning of the front and back end separation [VUE 2.0 +. Net core 2.1] 14 ║ VUE plan & a brief history of my front and back end development >, yesterday we talked about several stages of web development experience explained by my experience, and also the knowledge points that Vue series need to tal ...
Added by classic on Sun, 12 Apr 2020 08:42:59 +0300
Vue asynchronous request
vue initially uses vue resource to implement asynchronous request (ajax), and vue 2.0 began to recommend using axios instead of vue resource.
Preparation
1. Download axios using npm
npm install axios
2. Introducing axios.js
<script src="js/axios.js"></script>
Change to min.js when online
The front-end vue uses axios ...
Added by RiBlanced on Fri, 10 Apr 2020 17:44:55 +0300