On ref citation
On ref citation
1. What is ref reference
ref is used to help developers obtain references to DOM elements or components without relying on jQuery.
Each vue component instance contains a $refs object, which stores the corresponding DOM element or component reference. By default,
Component's $refs points to an empty object.
<template> ...
Added by tyrol_gangster on Wed, 22 Dec 2021 07:51:52 +0200
Development tips commonly used in Vue - make development more convenient and fast - Summary
1. Limit a prop to a list of types
Using the {validator} option in the prop definition, you can limit a prop type to a specific set of values.
export default {
name: 'Image',
props: {
src: {
type: String,
},
style: {
type: String,
validator: s => ['square', 'rounded'].includes(s)
}
}
};
This val ...
Added by kobmat on Tue, 21 Dec 2021 17:40:03 +0200
vue 3.2 new function sorting
< script setup > + TS + volatile = really fragrant vue3. Is it time for Volar to officially appear on the stage? It can be seen from the above that 3.2 has added new functions. In fact, it not only adds new functions, but also greatly improves the performance, but we don't see any major changes
< script setup > and < style > ...
Added by Rayman3.tk on Tue, 21 Dec 2021 13:04:57 +0200
Talk about the local registration and global registration of components in Vue
Here, take our customized component general toolbar as an example. The general toolbar is set in PageTools under the folder under components
<template>
<div class="department-container">
<div class="app-container">
<div class="page-tools">
<div class="left">
<div class="tips">
...
Added by wacook on Tue, 21 Dec 2021 09:14:02 +0200
vue component (vue CLI) + vue routing + parent-child component parameter transfer + Axios cross domain
Vue component (Vue CLI)
Previously: HTML, CSS and JavaScript had only one primary node
<html>
<style></style>
<script></script>
</html>
Now: HTML, CSS and JavaScript have three primary nodes
SFC specification: single file component specification
Understanding: in the past, the front desk was composed of ...
Added by Cailean on Tue, 21 Dec 2021 06:36:34 +0200
vue simple learning
Official website
es6 grammar supplement (you can see it from the beginning)
let and const are only available in es6, but not in es5
let and var
let is similar to var, both of which are variables
var in es5 has no block level scope (if/for)let in es6 has block level scope (if/for)Using the var variable outside the anonymous fu ...
Added by mackevin on Tue, 21 Dec 2021 00:11:23 +0200
The 7-minute use case takes you through the git commands commonly used at work
Author: Valeria Translator: Front-end wit Source: medium
Git can essentially record text changes, but it is defined as a version control system. You may have used git in one way or another: because of its distributed nature, it is a de facto standard for code version control, as opposed to a centralized Apache Subversion (SVN).
Install git ...
Added by rabab.orthalis on Mon, 20 Dec 2021 05:30:41 +0200
04 VUE common instruction practice
1. Background analysis
Traditional html does not support the definition of expressions, branch statements, circular statements and other structures. In order to make up for its shortcomings, many front-end frameworks use the template engine to enhance the function of html by adding custom attributes to html elements, and then the bottom la ...
Added by Heatmizer20 on Mon, 20 Dec 2021 05:27:41 +0200
Use of Vue basic 5--vue routing
1. Introduction and basic use of Vue routing
1.0 what is routing
Mapping between path and component
1.1 why use routing
Single page application (SPA): all functions are implemented on one html page
Front end routing function: realize business scenario switching
advantage:
The overall page is not refreshed, and the user experience is bet ...
Added by sloppstack on Sun, 19 Dec 2021 01:08:25 +0200
Vue learning notes
Click jump: Vue learning (I)
Click jump: Vue learning (II)
Click jump: Vue learning (III)
Click jump: Vue learning (IV)
4. Using Vue scaffolding
4.1. Initialize scaffold
1. Explain
1.Vue scaffold is a standardized development tool (development platform) officially provided by Vue 2. The latest version is 4 x. 3.file
2. Specific step ...
Added by ale_jrb on Sat, 18 Dec 2021 14:27:48 +0200