vue Chapter V vuex
What is vuex
1. Concept (actually a public area)
Specifically in Vue A method to realize centralized state (data) management in Vue Plug in, right vue The shared state of multiple components in the application is centrally managed (read only)/Write), which is also a way of communication between components, and is suitable for communication be ...
Posted by mo on Thu, 09 Sep 2021 20:14:04 -0700
vue2.x uses qiankun.js to build a micro front-end test environment
preface
Microservices have been widely used in back-end Java development, and their concept has become mature. We have a deep understanding of microservices. The concept of micro front end has been around for many years, and the popularity of applications is far less than that of micro services. Recently, I saw on the Internet that there are s ...
Posted by Sheen on Tue, 07 Sep 2021 12:00:39 -0700
vue-cli3 + build pc side management project (III. use of css preprocessor scss)
Using css preprocessor in the project can improve the efficiency of css development, reasonably apply the characteristics of preprocessor, and improve the maintainability of css code.
Common at present There are three kinds of css preprocessors: less, scss(sass upgrade), and stylus. No matter which kind, the most basic variables, exten ...
Posted by jdlev on Sun, 05 Sep 2021 14:35:33 -0700
vue property binding and interaction
vue directive binding properties
vue binds attributes by directive v-bind, src/width/height/title, such as v-bind:src='''can be abbreviated as: src=''', the same v-Bind:widthWait a moment, abbreviated as width,:height
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<body>
<div id="box">
<img v-bind:sr ...
Posted by info@ipfaces.org on Mon, 20 Jul 2020 09:12:34 -0700
vue+vuex+axios+echarts Draw a dynamically updated map of China
I. Build projects and install plug-ins
# Install vue-cli
npm install vue-cli -g
# Initialize project
vue init webpack china-map
# Cut into Catalog
cd china-map
# Installation Project Dependency
npm install
# Install vuex
npm install vuex --save
# Install axios
npm install axios --save
# Install ECharts
npm install echarts --save
II. Pr ...
Posted by jimmyborofan on Mon, 20 Jul 2020 08:30:08 -0700
vue loop resolving, custom filter, avoid flickering
* vue version 1.0
Repeated resolution of vue loop data
v-for specifies that duplicate data will be deleted if duplicate data occurs during looping.
vue1.0: Just add track-by="$index" <li v-for='value in arr'track-ty='$index'></li>where V-for loop goes
vue2.0+: need to get index on v-for, for example: <li v-for='(val ...
Posted by sgtpepper on Thu, 16 Jul 2020 07:21:59 -0700
Beginner vue+webpack (front end of formal pit entry)1
1. Install firstNode.jsEnvironment Official Website Address https://nodejs.org/en/ Text editor chooses sublime text3 (vs is too big)
2. Establishing projects
2.1 Create a new project folder, code-x code number x plan, and put it on the desktop
2.2 Initialization
cd c:\user\duab\desktop\code-x
npm install -g vue-cli //Global Installation vue-c ...
Posted by BinaryDragon on Mon, 13 Jul 2020 08:02:55 -0700
Beginner vue+webpack (front end of formal pit entry)1
1. Install firstNode.jsEnvironment Official Website Address https://nodejs.org/en/ Text editor chooses sublime text3 (vs is too big)
2. Establishing projects
2.1 Create a new project folder, code-x code number x plan, and put it on the desktop
2.2 Initialization
cd c:\user\duab\desktop\code-x
npm install -g vue-cli //Global Installation vue-c ...
Posted by skehoe on Mon, 13 Jul 2020 08:03:31 -0700
Vue source code analysis: the history of template compilation
In the last section, we talked about the general process of vue template analysis. In this section, we will elaborate on the specific content of template compilation? In fact, template compilation mainly includes html parsing and text parsing.
// Code location: src/complier/parser/index.js
/**
* C ...
Posted by littlejones on Tue, 30 Jun 2020 02:17:58 -0700
Vue source code analysis: the history of template compilation
In the last section, we talked about the general process of vue template analysis. In this section, we will elaborate on the specific content of template compilation? In fact, template compilation mainly includes html parsing and text parsing.
// Code location: src/complier/parser/index.js
/**
* C ...
Posted by Alka-Seltxer on Tue, 30 Jun 2020 02:02:36 -0700