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