Vue Practical Operations - Project Optimization (Concluding Chapter)
We have built takeaway projects with Vue from scratch, and have a better understanding of vue. We have gradually realized the three modules of ordering, evaluation and business. Let's review the previous modules.
Module review
Order module:
Evaluation module:
Business module:
Module optimization
Now we need to further improve our project. Now ...
Posted by ungown_admin on Mon, 07 Oct 2019 16:14:13 -0700
There's nothing trivial about the front end -- using ToolTipster in Webpack projects
Catalog
Install ToolTipster
Create prompt box components
Use the prompt box component
Reference articles
Tooltipster is a simple, easy-to-use and powerful jQuery prompt box plug-in. It is used to provide cool prompt boxes for mouse events or other keyboard events such as dragging, moving, click ...
Posted by 3s2ng on Mon, 07 Oct 2019 11:51:35 -0700
Vue.js response principle
Links to the original text: http://www.cnblogs.com/colima/p/10508913.html
1. Vue2.x implements response based on Object.defineProperty (Vue3 will adopt Proxy)
Object.defineProperty(obj, prop, descriptor)
2. Define defineReactive to ...
Posted by oavs on Mon, 07 Oct 2019 05:06:45 -0700
Some personal records of Token
Token: In computer identity authentication, it means token (temporary) and in lexical analysis it means token. Generally used as an invitation and login system.
Token is a token used to authenticate first. Secondly, its existence is time-limited, expired, and it can store some information in token. ...
Posted by veluit06 on Mon, 07 Oct 2019 04:21:25 -0700
vue writes a global Message component
I don't know if you think there are some global components when you use some UI frameworks, such as Element-ui. this.$message(),this.Toast(), and so on, are cool to use. Unlike other components, they need to be imported and registered. It's a lot of trouble.Looking at the source code of Element, I also got one myself. Including plug-in knowledg ...
Posted by thna_brianb on Mon, 07 Oct 2019 02:38:35 -0700
How to encapsulate axios with vue!
How to package axios with vue
This project needs to add validation code before login. In order to facilitate the distinction between request interfaces, it can encapsulate two request interfaces, one is required before login, and the other is requested after login, so that they do not interfere with ...
Posted by atitthaker on Sun, 06 Oct 2019 23:09:09 -0700
vue encapsulates Axios requests
In the vue project, we can get the backend data using axios. There are many places to use it. I always like to write the code neat and neat. Therefore, the axios request is encapsulated, convenient to use, and a lot of redundant code is reduced.
The catalogue is as follows:
|-------src
| |-- api
| | |-- ...
Posted by - - NC - - on Sun, 06 Oct 2019 13:24:23 -0700
Dynamic routing based on iview-admin
iview-admin It is a management background front end based on vue and iView component library. Based on the latest version of iview-admin, this paper implements dynamic routing loading based on privilege.For the code in this article, see: https://github.com/MayBeWrong...
Background:
Dynamic routing: The route of vue can be defined by the new Ro ...
Posted by wikedawsum on Sun, 06 Oct 2019 13:04:01 -0700
vue upload progress display
Reference material:
https://ask.csdn.net/questions/767017
https://www.cnblogs.com/best-fyx/p/11363506.html
What I use is element-ui Medium Upload upload Component, final effect
On-programs Event Binding Method for Components
handleProgressing(event, file, fileList) {
// console.log(event)
// console.l ...
Posted by mlpeters5403 on Sat, 05 Oct 2019 14:21:35 -0700
vue review - 3 - bidirectional data binding & watch&computed
Bidirectional data binding
What is bidirectional data binding? Data changes affect the view, and view changes affect the data. This bidirectional effect is called bidirectional data binding.
<input type="text" :value='value' @input='handleInput'> {{value}}
<input type="text" v-model='value'&g ...
Posted by collamack on Sat, 05 Oct 2019 13:10:37 -0700