Introduction to vue -- the use of vue router in vue
preface
Before learning Vue router, we should learn how to install Vue router in IDEA. If you don't understand it, please jump to the blog Installing Vue router in IDEA.
7. Route Vue router
After we install Vue router, we need to import the dependency
<script src="node_modules/vue-router/dist/vue-router.js"></script>
One ...
Added by Braclayrab on Sun, 20 Feb 2022 03:36:26 +0200
Communication mode between vue components (full)
Component communication classification:
Parent child component communicationSibling component communicationGrandson and descendant component communication‘Non relational component communication
8 common communication modes
1. Pass through props
Usage scenario: parent to child Usage: the child component sets and declares the props attr ...
Added by wolfrat on Sun, 20 Feb 2022 00:24:22 +0200
Custom iview selector (original) - Select All button Csearch
This component relies on the select of iView and can be freely used in projects with iView installed globally or in pages with select introduced locally.
catalogue
Effect displayFunction descriptionStructure codeLogic codeComponent applicationevent hook github
Effect display
From left to right: unselected status, selected stat ...
Added by TheDeadPool on Sat, 19 Feb 2022 13:33:08 +0200
Encapsulate Vue JS component library
1, Introduction
Dealing with the boundary of components: knowledge points about componentsRapid prototyping provided in Vue cli: it is convenient for us to develop components and run single file components separatelyComponent development: step bar, form componentThe best way to develop components Storybook: isolate the development componen ...
Added by SimpleManWeb on Sat, 19 Feb 2022 08:36:48 +0200
Principle and implementation of Vue router
Today, with the rapid development of the front end, if you can't keep learning all the time, you will be eliminated soon. Share the relevant knowledge of Vue router principle implementation. Make a little progress every day.
1, Vue router Basics
**1,Vue. If the parameter passed in is a parameter of the function: * * directly received by the f ...
Added by dmrn on Fri, 18 Feb 2022 09:31:33 +0200
vue dynamic class, style, filter, calculation attribute, listener summary
1, Virtual DOM: The labels written in the template in the vue file are all templates, which must be processed into virtual DOM objects by vue before they can be rendered and displayed on the real DOM page
2, diff algorithm: used to compare the new virtual DOM with the old virtual dom
1. Root element change → delete and rebuild DOM tree 2 ...
Added by desmi on Fri, 18 Feb 2022 08:53:38 +0200
vue filters and listeners and computed properties
1. Filter
1.1 basic usage
Filters are a function provided by vue for developers and are often used for text formatting. Filters can be used in two places: interpolation expressions and v-bind attribute bindings.
The filter should be added at the end of the Javascript expression and called by the pipeline character |:
Format the va ...
Added by gmwebs on Thu, 17 Feb 2022 15:30:20 +0200
2022, don't you know PWA? Teach you how VuePress blog can be quickly compatible with PWA
prefacestay "A blog with VuePress + Github Pages" In, we used VuePress to build a blog. The final effect is as follows: TypeScript Chinese document. In this article, we talk about how to be compatible with PWA.PWAPWA, full English Name: Progressive Web Apps, Chinese Translation: progressive Web applications.quote MDN Introduction to:P ...
Added by spainsoccerfreak on Thu, 17 Feb 2022 14:53:52 +0200
Detailed explanation of Vue life cycle
1.beforeCreate
After instance initialization, data observation and event/watcher event configuration are called before.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-sca ...
Added by ManicMax on Thu, 17 Feb 2022 10:46:14 +0200
[Vue.js] encapsulate native pager components
Pagers are widely used in both foreground and background projects. Record the implementation process of encapsulating the native pager.
A component needs to be encapsulated. The most important thing is to determine what data it needs to dynamically obtain. To implement a pager, the following four data need to be transmitted externally:
1. ...
Added by computerzworld on Thu, 17 Feb 2022 03:31:39 +0200