Getting to know Vue: introduction to Vue and some basic Vue commands

VUE instruction review HTML: html+html5 semantic tags (header,footer) css+css3 Animation: transition, animation, flex layout, less Java Script: data type variable operation Mathematical operation Comparison operation Logical operation Process control if switch for while do while function DOM (document object model) BOM (b ...

Posted by merrydown on Mon, 18 Oct 2021 21:47:22 +0200

Operation process of webpack development server

Webpack Chinese document address: https://webpack.docschina.org/configuration/dev-server/ 1. Foundation use: Step 1: create the default packaging entry file -- src/index.js   Step 2: import the file to be imported into index.js to participate in packaging Simple example: if you need to add css styles to. html files, you need to import ...

Posted by davidtube on Mon, 18 Oct 2021 21:19:00 +0200

Map and Set in ES6

Map and Set in ES6 1,Map Map objects are stored as key value pairs, and their keys and values can be of any type Creation of Map // Create an empty Map   let map  = new Map();   //Use a two-dimensional array to create a non empty Map   let map2 = new Map([       ["name","Li Si"],       ["age",12],       [{},123],       [12,8]   ]);   ...

Posted by n14charlie on Sat, 16 Oct 2021 05:06:11 +0200

Building a background management minimalist template with Vue+ElementUI

This article is an explanatory document, which does not teach you to build a background management system from scratch, but based on an actual project, has built a basic framework of the background management system, and teaches you how to quickly develop your own background management system on this basis, so that readers can start vue backgro ...

Posted by melmoth on Fri, 15 Oct 2021 05:50:51 +0200

Vue2.0 learning notes

1. Preface In fact, for me, the knowledge of the school is certainly not enough for finding a job after graduation, so I can only constantly expand myself and learn some new knowledge, and the technology changes very quickly. So I vue do a simple study. 2. Template and its simple syntax     1. Brief introduction to elements <bo ...

Posted by digitalhuman on Sat, 09 Oct 2021 19:34:24 +0200

vue performance optimization

preface This paper mainly records the common optimization skills in daily development. Mainly for version 2.x. Functional component Functional components are declared using functional fields. It has no data responsive data, this context, and no life cycle hook function. It only accepts a props. When a component of ordinary object type is ...

Posted by chrome29 on Sat, 09 Oct 2021 13:24:23 +0200

Common usage of Vue router

Common usage of Vue router 1. Route redirection Routing redirection refers to forcing the user to jump to address C when accessing address A, so as to display A specific component page. You can easily set the redirection of a route by specifying a new route address through the redirect attribute of the routing rule: 2. Nested routing The ...

Posted by consolestrat on Sat, 09 Oct 2021 13:03:33 +0200

Element and comprehensive exercises

1. Element basic usage 1.1 introduction to Element Element: website rapid prototyping tool. Is it hungry? A set of Vue based website component library provided by the front-end development team of the company. Vue is required before using Element. Components: components that make up a web page, such as hyperlinks, buttons, pictures, tables ...

Posted by df75douglas on Thu, 07 Oct 2021 19:49:30 +0200

The difference between vue2 and vue3

preface vue has been updated from 2.0 to 3.0. In short, it has become lighter, faster and more convenient to use. Each version iteration is an upgrade and optimization of the previous version. It is becoming more and more convenient for both our developers and the user experience. Next, I will focus on the differences between the two different ...

Posted by quicknk on Wed, 06 Oct 2021 01:59:05 +0200

Vue components communicate with components

First answer the questions in the previous article 1. Why don't v-for key s be indexed? First of all, the: key is used to issue a unique identifier to v-for. It is used for performance optimization. Its value should be non duplicate and unique If you use the index as the value of the key, when you insert another value into the array or delet ...

Posted by bweekly on Tue, 05 Oct 2021 23:54:47 +0200