vue component classification

vue component classification I. Introduction The reason why I wrote this article is that I interviewed dozens of people as an interviewer some time ago. One of the questions is "what are the component classifications of vue? ", it's surprising that most people only answer global components ...

Posted by CBaZ on Sun, 19 Jan 2020 20:35:58 -0800

New Vue project based on @vue/cli 3.0

Write before: The package name of the Vue command line tool has changed from vue-cli to @vue/cli, @vue/cli is version 3.x of vue, and the maximum version of vue-cli is currently only @2.9.6.If you have previously installed vue-cli globally on your computer, you need to uninstall it first by executing NPM uninstall vue-cli ...

Posted by ravnen on Sun, 19 Jan 2020 08:21:54 -0800

2020 zero base to rapid development of Vue, Quantong, e-commerce management system (element UI) [assign authority]

Article directory 1, introduction 2. Assign permissions 2.1 pop up the assign permission dialog box and request permission data 2.2 initial configuration and use of El tree tree control 2.3 optimize the display effect of tree control 2.4 analyze the implementation idea of default checking of existin ...

Posted by joey3002 on Sun, 19 Jan 2020 04:17:09 -0800

11.vue2 - Transition and Animation

Author: vanessa Date: 2018/06/20 1.css transition, transition <div id="example-1"> <button @click="show = !show"> Toggle render </button> <transition name="slide-fade"> <p v-if="show">hello</p> </transition> </div> new Vue({ el: '#example-1', data: { sh ...

Posted by Springroll on Sat, 18 Jan 2020 08:10:10 -0800

vue koa2 nuxt.js from scratch as front-end part of personal blog login registration function

0. Effect demonstration It's annoying to plug in a video.You can go out and turn right to Youku. Click on me!).   1. Preparations 1.1 Front End Framework The front end uses nuxt.js based on vue.js.Why use nuxt.js? The first thing I did was a blog project, so SSR is important.Although it has nothing to do with the login registration described i ...

Posted by cpace1983 on Fri, 17 Jan 2020 10:56:30 -0800

Differences in the use of v-model and. sync modifier in vue

v-model Usage mode Parent component: The parent component binds values through v-model. If you need to change according to the value passed in by v-model, and trigger other updates, you need to listen through watch. Sub components: Declare model object to set event and prop fields Accept parent ...

Posted by SwarleyAUS on Fri, 17 Jan 2020 07:17:53 -0800

Source code analysis of Vue router

Entrance All changes are inseparable from its origin. First look at the source code to find the entry. First look at the entry of Vue router, which is defined in src/index. Vue router is based on class implementation. Class provides construction methods and some other methods. After the class is def ...

Posted by gasxtreme on Thu, 16 Jan 2020 00:52:29 -0800

How to solve this problem?

How to solve this problem? What is' IndexDB '? What is homology strategy? What is cross domain? How to solve this problem? jsonp node backend code Native implementation (add script tag) $.ajax implementation vue is implemented by vue jsonp Cross domain resource sharing (CORS) node backend code Na ...

Posted by stupid girl! on Wed, 15 Jan 2020 23:32:52 -0800

Spring boot, spring security, Vue integrated JWT certification

Original address Summary Before starting this article, the blogger defaults that you already know Spring Boot, Spring Security, Vue and JWT. The above concepts will not be repeated here. Let's talk about the train of thought. 1. The backend needs to write JWT generation processing and JWT parsing authentication processing. 2. The front ...

Posted by NTM on Wed, 15 Jan 2020 21:50:45 -0800

Common features of vue. Form, calculated properties, custom, listener, filter, lifecycle

Form operation Form scope modifier Number: converts the form value to a number data:{ inputmsg:'123' } <input type=text v-model.number="inputmsg">//The value of this form is output as data trim: remove spaces at the beginning and end of the form data:{ inputmsg:' 123 ' } <input ty ...

Posted by OuchMedia on Wed, 15 Jan 2020 04:11:00 -0800