Two ways of transmitting parameters in vue routing

Tired of being tossed by vue routing parameters, summarize your experience and dedicate it to the students who use vue routing parameters for the first time. If you don't understand anything, you can leave me a message. This article demonstrates the environment: vue version 2.6 and vue element admin framework 1. Pass parameters through name/pa ...

Posted by NDF on Fri, 18 Feb 2022 19:49:12 +0100

Wechat web page sharing (with wechat public platform)

Source code download address: https://download.csdn.net/download/bynn_csdn/81350948 I preparation Prepare a domain name (the legal links shared by wechat are all attached under the domain name, but the ip name of the server is not available). It is also OK to use the intranet penetration method (I used the intranet penetration method i ...

Posted by sn202 on Fri, 18 Feb 2022 19:34:35 +0100

Learning about TS

First of all, TS mainly solves the main problem of unclear js type, so we should write its type when defining variables Basic data type code let b : number // At this time, the variable of b must be number, or an error will be reported let isDone: boolean = false; b = 1 // Of course, you will say whether there are other types. Of course, ...

Posted by arcanechaos on Fri, 18 Feb 2022 11:00:09 +0100

Front end Mockjs data simulation

1. Install mockjs (the complete code of this case is at the bottom) Install mock through the instruction npm install mockjs, Then create a mock folder under src folder, and then create an index JS file   Then in main Introducing mock into JS file After that, you can find the index. In the mock file Simulated data in JS file 1. First, we ...

Posted by jamesm87 on Fri, 18 Feb 2022 09:27:31 +0100

Implementation of online picture content editing from scratch

1, Project introduction The main function of this project is to support dragging the text editing area or commodity picture to the canvas for editing and adjustment according to the uploaded background picture as the canvas, and finally generate the picture and css style for use by other terminals. This project is based on html/vue/css / n ...

Posted by smartsley on Thu, 17 Feb 2022 20:47:43 +0100

Vue framework 2 Basic knowledge

      1, Vue first experience 1.1 Vue installation     . The introduction of Internet links can be obtained from BootCDN <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.js">     . npm installed locally stay Visual Studio Code Terminal input: npm install vue@2.6.14 <script src="../node_mod ...

Posted by lhale on Thu, 17 Feb 2022 19:26:10 +0100

promise and async/await parsing

Problem introduction What is hell The case of nested callback functions in callback functions is called callback hell. Callback hell is an operation that occurs to realize the sequential execution of code. example setTimeout(()=>{ console.log('This is the first step') setTimeout(()=>{ console.log('This is the secon ...

Posted by keyont on Thu, 17 Feb 2022 16:30:03 +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

Front end knowledge points

1. De duplication of the same object in the array The reduce() method receives a function as an accumulator. Each value in the array is reduced from left to right and finally calculated as a value Syntax: array.reduce(function(total, currentValue, currentIndex, arr), initialValue) let arr = [{id:1},{id:2},{id:3},{id:1}] const hash = {} arr ...

Posted by kendall on Thu, 17 Feb 2022 09:02:22 +0100

prop verification in vue

Prop 1 . prop case Vue.component('blog-post', { // camelCase in JavaScript props: ['postTitle'], template: '<h3>{{ postTitle }}</h3>' }) <!-- In parent component kebab-case of --> <blog-post post-title="hello!"></blog-post> 1234567 2 . Single data flow All props form a one-way downstream binding between their p ...

Posted by rage123456 on Thu, 17 Feb 2022 01:03:18 +0100