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