Learning notes for front-end beginners

Catalog vue: parent child component value transfer vue: slot vue: scope slot vue: dynamic components and v-once instructions vue: binding native events to components vue: compute properties, methods, listeners vue: calculation properties set, get vue: ref vue: parent child component value transf ...

Posted by Gummie on Sun, 27 Oct 2019 10:35:14 +0100

Using vuejs and mockjs simulation data to make shopping cart

Using vuejs and mockjs to simulate shopping cart 1. If you don't know mockjs, it's recommended to go to the official website to learn about it: Mockjs 2. The first step is to make the simulation data by yourself (of course, you can also use the MVC mode of nodejs to introduce mockjs to obtain the ...

Posted by roopurt18 on Sat, 26 Oct 2019 17:36:04 +0200

vue uses encapsulation websocket heartbeat package

This set of code can be used directly. Note that I will add comments in the following code: Thanks for your support. Core code 1 //We need to introduce vuex 2 import store from './store'; 3 4 let wsConnection = { 5 $ws: null, 6 lockReturn: false, 7 timeout: 60 * 1000 * 5, 8 timeoutObj: null, 9 timeoutNum: null, ...

Posted by mforan on Fri, 25 Oct 2019 14:00:45 +0200

Instructions for Vue.js

Instructions for Vue.js The instructions of Vue.js start with v -, which act on HTML elements. The instructions provide some special features. When binding the instructions to the elements, the instructions will add some special behaviors to the binding target elements. We can regard the instructions ...

Posted by phileplanet on Fri, 25 Oct 2019 12:16:09 +0200

Component development based on Custom Elements

customElements It is a new API under the Web Components specification, which can be used to implement component-based development. If your app is only compatible with the latest Chrome browser, it's a good alternative to React or Vue. Basic Usage The component is declared in an HTML file. Components include Style, DOM and Script. The basic stru ...

Posted by T_Hayden on Tue, 22 Oct 2019 23:01:45 +0200

Learning record (day05 label operation, attribute binding, statement control, data binding, event binding, case user login)

[TOC] 1.1.1 label operation v-text & v-html v-text: the data value bound in data will be output as is. v-html: output the value of data and parse the HTML code automatically <! -- the specified content can be displayed in the label body -- > < label v-text = "" > / label > <! -- display in [text] -- > < tag ...

Posted by anthill on Mon, 21 Oct 2019 21:47:04 +0200

The first day of vue learning

What is vue.js vue.js is one of the main front-end frameworks and angular.js, React.js Can be used for mobile App development Is a framework for building user interface The difference between framework and Library The framework is a complete solution. Changing the framework needs to restructure the w ...

Posted by xgab on Sat, 19 Oct 2019 19:57:58 +0200

vue2.x scaffolding

Use of vue2.x scaffold Vue init webpack simple filename download the framework src folder directory is the file we want to operate app.vue file: all components are centralized in this file ep:import component name from 'component address' reference component export default { name: 'app', data () { ret ...

Posted by primate on Fri, 18 Oct 2019 23:46:39 +0200

Secondary encapsulation (update) of axios based on common business scenarios

Update the second encapsulation of axios according to the common business scenarios under vue project after one year Function realization:1. Compatible with ie browser to avoid caching2. Reduce or update duplicate requests3. Interface domain name usage environment variable4. Global loading status5. Global error alerts that can be turned off6. G ...

Posted by phillips321 on Thu, 17 Oct 2019 00:56:47 +0200

node uses command line interaction to generate corresponding templates

Creation time: October 15, 2019 Test environment: win10 node-v10.16.1 Inspired by the Vue cli initialization project, I want to explore its principle and implement a similar method to create a common template block in the project. There are three ways to achieve this readline of node Using process to implement Third party package inquirer ...

Posted by ben2k8 on Wed, 16 Oct 2019 16:24:43 +0200