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