The data transfer and reference problem of calling state, getters, mutations, actions, modules of Vuex in component
Why should bloggers summarize these questions of the title 1. Before Vue 2.0, in the face of small front-end single page rich application (SPA) applications, simple methods such as localStorage cache were used to solve the problem of data transmission. In the face of relatively large-scale applications ...
Posted by SWI03 on Fri, 18 Feb 2022 14:53:59 +0100
Code structure and overall logic of vue source code series 2
directory structure
dist packaged vue versionflow type detection, typeScript changed in 3.0script build related configurations of different versions of vuesrc source code Compiler compiler Core does not distinguish the core code of the platform Global API global API Constructor and prototype method of instance observer data response util ...
Posted by Baving on Thu, 17 Feb 2022 14:26:36 +0100
vue learning notes 3: basic grammar of vue systematic learning notes
Reference documents: Introduction | Vue js
API documentation: API | Vue.js
1, Global method: Application API | Vue js
component:
Register or retrieve global components. Registration also automatically sets the name of the component using the given name parameter.
config:
An object that contains the application configuration. ...
Posted by kporter.porter on Thu, 17 Feb 2022 12:49:26 +0100
(Docker Nginx) Spring boot+Vue front and rear end separate deployment detailed full version
Brief description: Spring boot+Vue is deployed in the front and rear end of the project separately, mainly in the form of docker container deployment.
Spring boot project deployment: build mysql environment with docker + build project environment with docker.
Vue project: use docker to start nginx server proxy deployment.
1.SpringBoot projec ...
Posted by madavies on Tue, 15 Feb 2022 10:38:38 +0100
vue2.x notes 7-webpack details
Configuring vue in webpack
If Vuejs is used in the project, it must be dependent, so it needs to be installed first. Because vue will also be used in the actual project later, it is not dependent during development, so it needs to be installed directly
npm install vue@2.5.21 --save
Use vue the way you learned before
There is no error in t ...
Posted by pukstpr12 on Tue, 15 Feb 2022 04:28:17 +0100
Vue core of Vue family bucket
Vue core of Vue family bucket (I)
1 Introduction to Vue
1.1 what is Vue?
Vue is a progressive JavaScript framework for building user interfaces.
Author: you Yuxi
Official website: https://cn.vuejs.org/index.html
1.2 characteristics of Vue
1. Adopt component mode to improve code reuse rate and make code better maintained.
2 declarati ...
Posted by Goat on Tue, 15 Feb 2022 04:02:46 +0100
Use three in Vue JS create a 3D conference room drag and rotate
Chapter III
Although the basic models have been created now, the main purpose of our 3D conference room is to place the items in the conference room and set the layout by ourselves. Therefore, we need to be able to drag the position and rotate the angle of the model in the conference room to achieve this highly free effect.
drag
DragCont ...
Posted by BizLab on Mon, 14 Feb 2022 10:21:40 +0100
[VUE] traversal list
conditional rendering
v-if
Writing method:
v-if = "expression"v-else-if = "expression"v-else = "expression"Applicable to: scenes with low switching frequencyFeatures: DOM elements that are not displayed are removed directlyNote: v-if can be used together with: v-else-if and v-else, but the structure must ...
Posted by metomeya on Sun, 13 Feb 2022 17:14:35 +0100
Learn Vuex 4.0 state management (Vite)
Contents of this articleBriefly introduce vite and build vite project.Installing vuexIntroduction to Vuex BasicsUsing VuexPlug in introduction1. Briefly introduce vite and build vite project1.1 what is vite?Vite is a new front-end construction tool, which can significantly improve the front-end development experience. It consists of two main pa ...
Posted by zalath on Fri, 11 Feb 2022 20:54:37 +0100
Vue3+Typescript(coderwhy) super detailed learning notes vue3 development basic syntax
(pay attention to whether I can accept the update push)
I Knowledge supplement
1.1. (understand) this in methods
1.1.1. out of commission Arrow function
If we want to use data to return the data in the object in methods, this must have a value, and the data in the data return object should be available through this. ...
Posted by samscripts on Fri, 11 Feb 2022 06:06:30 +0100