Vue 2.x notes of common knowledge points (10000 word notes)
Vue 2.x notes
Notes of common knowledge points. If there are mistakes, you are welcome to give advice. If the number of words exceeds 10000, you have to taste them carefully
catalogue
Vue 2.x notes
1. Create a new Vue instance2. Prevent production prompt generation3. Template syntax
3.1 interpolation syntax3.2 instruction syntax
...
Added by newbiez on Wed, 09 Mar 2022 03:17:08 +0200
Vue.js efficient front-end development [Vue list rendering]
All chapters > > > >
Article catalogue
1, v-for instruction
1. Use of v-for instruction2. Practical exercises (to be updated) 2, Calculation properties
1. Calculation attribute creation and use2. Practical exercises (to be updated) 3, Listening properties
1. Create and use listening properties2. Practical exercises (to ...
Added by rlindauer on Wed, 09 Mar 2022 03:17:49 +0200
I removed Vuex from Vue3 project and used Pinia instead
Pinia
pinia is now the official state library of Vue. It is applicable to vue2 and vue3. This paper only describes the writing method of vue3.
image-20220217155244154.png
Advantages of pinia
Compared with the previous vuex, pinia has the following advantages
Simpler writing method, clearer and concise code, and support the syntax of &qu ...
Added by Mow on Wed, 09 Mar 2022 03:09:03 +0200
Vue basic syntax
Vue basic syntax
1.v-bind2. Conditional rendering3. List rendering4. Binding event5. Bidirectional data binding6. Use of components
[crazy God talking about Java] Vue's latest quick start tutorial is easy to understand Notes: Vue basic syntax, Vue binding events, Vue two-way binding, Vue component explanation.
1.v-bind
v-bind is ...
Added by MerlinJR on Wed, 09 Mar 2022 02:46:12 +0200
The use of Vue Router 4 is thoroughly explained in an article
Vue 3.X using Vue router 4 X for routing configuration, let's study how to use Vue router 4 x. All usage methods in this article are using the Composition API.
This paper introduces Vue router 4 step by step Let your new version of Vue router build a simple system X has a complete understanding, and then can easily drop Vue router 4 X is appli ...
Added by julian1 on Wed, 09 Mar 2022 02:40:16 +0200
Introducing vant into the uniapp project
The introduction of vant UI into the uniapp project and the pit it stepped on
The uniapp framework can write multi terminal projects and generate multi terminal code. When introducing vant UI, make sure to write the project at that end. The introduction of vant components in applet side and H5 project is different. This is very unfriendly to b ...
Added by xec on Wed, 09 Mar 2022 02:09:27 +0200
vue. Differences between computed and methods in JS and usage scenarios
Let's take a look at the usage scenario of methods call:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue.js study</title>
<link rel="stylesheet" href="style.css">
<script src="https://unpkg.com/vue"></script>
</head>
<body>
&l ...
Added by darkvengance on Tue, 08 Mar 2022 21:26:31 +0200
Axios asynchronous communication of Vue
4, Axios asynchronous communication
Directory: what is Axios, the first Axios application, the life cycle of Vue
1. What is Axios
Axios is an open source asynchronous communication framework that can be used in browser and NodeJS. Its main function is to realize AJAX asynchronous communication. Its functional features are as follows:
Create ...
Added by cola on Tue, 08 Mar 2022 20:47:22 +0200
PyWebIo quickly build web applications
Part1 what is PyWebIo
PyWebIO provides a series of command-based interactive functions to obtain user input and output on the browser, turning the browser into a "rich text terminal", which can be used to build simple Web applications or browser based GUI applications. Using PyWebIO, developers can write applications like writing ter ...
Added by wama_tech on Tue, 08 Mar 2022 07:28:07 +0200
vue-cli5.0 + vue3 + ts + less + prettier + eslint + commitlint + stylelint
catalogue
1. Building projects using Vue cli 5.0
2. Associated remote warehouse
3. Add commitlint to verify git submission information
4. Add Eslint verification code specification and submit interception
5. Add to the root directory eslintignore files, ignoring some file Eslint detection
6. Add Prettier and fix the error reported by esli ...
Added by doox00 on Tue, 08 Mar 2022 06:59:50 +0200