vue component of front-end web
Component introduction
Components are reusable Vue instances with a name.
Components can extend HTML elements to encapsulate reusable code.
Component systems allow us to build large applications with independent reusable widgets, and the interface of almost any type of application can be abstracted into a component tree.
Components are reusable ...
Posted by macattack on Sat, 21 May 2022 20:25:38 +0300
Packaging and use of Vue Axios
catalogue
Axios description
install
Axios request configuration
Response structure
Common request methods
Default value configuration
Global request configuration item
Custom instance defaults
Priority of configuration
Interceptor
Personal complete axios configuration
Axios description
Axios is a promise based HTTP library that can be ...
Posted by Pjack125 on Sat, 21 May 2022 16:49:45 +0300
Interaction between android and javascript under Cordova
Recently, a function was made. The company wrote the upper layer in html, and needed to call the voice synthesis and recognition that comes with android. I thought it was directly interacting with html, but I didn't expect the upper layer to be written in the framework of cordova. The interaction of android has been realized, now record the im ...
Posted by haku on Sat, 21 May 2022 15:21:55 +0300
The first stage of vue's learning journey
1. Introduction to Vue
(1) Several key words
Template
Data binding
Componentization
Virtual DOM
MVVM mode
(2) Small features
vue can easily introduce plug-ins or third-party libraries (very convenient)
It is very convenient and small in size. It is suitable for mobile terminal / pc terminal development
(3)MVVM
Model: model, data object
View ...
Posted by mfacer on Sat, 21 May 2022 14:41:45 +0300
JDK1.8 new feature: still writing null pointer check code repeatedly? Use Optional now
1. Foreword
As a Java programmer, whether a novice or a veteran expert, he must have encountered all kinds of abnormal errors. In a foreign article, the ranking list of exception types is counted, as shown in the following figure:
Yes, you're right. NullPointerException tops the list.
Charles Antony Richard Hoare, the inventor of Null Referen ...
Posted by habs20 on Sat, 21 May 2022 10:20:38 +0300
vue2 knowledge points: list rendering (including: v-for, key, value range, list filtering, list sorting, data change principle of vue monitoring object or array, and summarizing vue data monitoring)
1, v-for
<li v-for="item in items">{{item.name}}</li>
List rendering
v-for
A set of values can be rendered in a list. The syntax form is: item in items，
items Is an array of source data and item Is an alias for an array element iteration.
stay v-for Block, full access to the parent scope attr ...
Posted by Walle on Sat, 21 May 2022 04:06:19 +0300
VUE conditional rendering
catalogue
1. v-if
1.1 template
1.2 v-else
1.3 v-else-if
1.4 manage reusable elements with key
2.v-show
3.v-if vs v-show
4. Use V-IF with v-show
1. v-if
The v-if instruction is used to render a piece of content conditionally. This content will only be rendered when the expression of the instruction returns the truth value.
< ...
Posted by PerfecTiion on Fri, 20 May 2022 01:08:21 +0300
Vue filter, custom key modifier, custom instruction, life cycle knowledge point
1. Filter
1. Define syntax
The first parameter in function is fixed. It is always the parameter passed in front of the filter pipeline symbol
//The first parameter in function is fixed. It is always the parameter passed in front of the filter pipeline symbol
Vue.filter("msgmat", function(msg) {
return msg.replace("beauty", "Fairy ...
Posted by beanman1 on Thu, 19 May 2022 18:26:14 +0300
Vue Basics: template syntax
1. Template syntax
1.1 overview of template syntax
Vue.js uses an HTML based template syntax that allows developers to declaratively bind the DOM to the data of the underlying Vue instance. All Vue JS templates are legal HTML, so they can be parsed by standard browsers and HTML parsers.
In the underlying implementation, Vue compiles the templat ...
Posted by imagenesis on Thu, 19 May 2022 06:55:08 +0300
From vue to elementUI project
Detailed explanation of common components of Element
install element
Go to the folder and execute the following command to install
yarn add element-ui -S // -S indicates the dependencies used by both the production environment and the development environment
Introduce element in main.js, you can use it in the page
import Vue from 'vue'
impor ...
Posted by Birdmansplace on Wed, 18 May 2022 08:39:48 +0300