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