Come on! Complete Vue components in one article!
By Jeskson
Source: front end tavern of dada
Overview of Vue components
What is a component? Understand the analysis of component objects, the data properties of Vue components, and what is the principle of props to transfer data.
Events Communications
How to understand parent-child component event communication, and how to deal with non parent ...
Posted by verdrm on Wed, 11 Dec 2019 07:10:37 -0800
Let Vue also use Redux
Last weekend, I saw the source code of Vuex. I was inspired. Why are all Vuex. So Dongtong wrote a plug-in one afternoon to help Vue use Redux
Gayhub Url
Vue-with-Redux
This is a plug-in used to help Vue use Redux to manage state. Redux is a very popular state management tool. Vue with Redux provides you with a way to use Re ...
Posted by AstroTeg on Tue, 10 Dec 2019 04:23:05 -0800
AMD of JavaScript modular programming
Simply put, AMD is the abbreviation of "Asynchronous Module Definition", which means "Asynchronous Module Definition". It loads the module asynchronously, and the loading of the module does not affect the running of the subsequent statements. All statements that depend on this module are defined in a callback function, which ...
Posted by chaser7016 on Tue, 10 Dec 2019 02:34:53 -0800
Vue tutorial series - basic syntax v1.0
Catalog
helloWorld
Bidirectional binding
css operation
Style operation
Binding events
Binding event - modifier
life cycle
v-if show and hide (1)
v-show show show and hide (2)
v-for rendering list (Key)
Array update
couputed association properties (calculator properties)
watch to listen for changes (listen to array and object need ...
Posted by Kiubbo on Mon, 09 Dec 2019 19:03:14 -0800
Javascript Design Pattern
Design principles (SOLID)
Single responsibility model
Principle of lie substitution
Open and closed principle
Interface isolation principle
Principle of Dependence Inversion
Design pattern
Factory mode
Encapsulate the new operation separately
When encountering new, consider whether to use factory mode
Example
You go to buy hamburgers, order a ...
Posted by JoelRocks on Mon, 09 Dec 2019 14:44:23 -0800
vue integrated rich text tinymce
development environment
1. vscode
development language
1. vue
2. javaScript
Plug-in installation
1. npm install tinymce -S
2. You can use the files in it. After downloading, you can view the following directory structure in node modules
3. The whole structure can be copied into static. In order to save the size of the packed file, tiny ...
Posted by spasme on Sun, 08 Dec 2019 21:23:47 -0800
Source code analysis of vue (internal definition and configuration)
SSR_ATTR
var SSR_ATTR = 'data-server-rendered';
Here is the definition of vue SSR. Rendering on the server, which is available on line 6446. I saw a single article for him.
ASSET_TYPES
var ASSET_TYPES = [
'component',
'directive',
'filter'
];
The list of asset types that a component can own. Here are several filters, customization, ...
Posted by thisisnuts123 on Sun, 08 Dec 2019 20:39:46 -0800
vue-day1 of front end and mobile development
Abbreviation and event modifier for v-on of Vue instruction event modifier:. stop prevents bubbling. prevent block default events. capture use event capture mode when adding event listeners. self triggers the callback only when the event is triggered by the element itself (for example, not a child element). once event is triggered only once
v- ...
Posted by schandhok on Sun, 08 Dec 2019 12:00:45 -0800
Construction of Cesium Vue development environment
Recently, I was asked how to integrate cesium in vuejs. The official website I first thought of should have a tutorial. There is a special talk on the official website about Cesium and Webpack. According to the instructions on the official website, we set up a Demo to record the process of stepping on the pit.
I. vue project creation, using vue ...
Posted by austingecko on Sun, 08 Dec 2019 11:55:34 -0800
Several ways of Vue loading components and dynamic loading components
Component is one of the most powerful features of Vue.js. Components can extend HTML elements and encapsulate reusable code. This article introduces several ways of Vue loading component and dynamic loading component through the example code. Please refer to it for your reference
What is a component:
Component is one of the most powerful feat ...
Posted by RiBlanced on Sun, 08 Dec 2019 11:51:19 -0800