vue component, non single file component, single file component, inter component operation (note)
1. Components and modules
1.1 module
If the code in a js file, many are very complexModules can be used to store different js files in different logical segments and import them into a main fileIt simplifies the writing of code and improves the reuse of code
1.2 components
To achieve the effect of a function, a collection of codesThe co ...
Posted by saeeddeep on Mon, 18 Apr 2022 04:28:16 +0300
step-07 asynchronous data II
The previous two methods of client data prefetching are described. In one case, when components are reused (/ foo/1 to / foo/2), the life cycle of the same routing component will not run, and the data will not be updated, which needs to be processed separately. There is a beforeRouteUpdate in the Vue router navigation guard, which will be calle ...
Posted by dwardio on Sun, 17 Apr 2022 22:57:11 +0300
Vue -- detailed explanation of Modules in vuex
preface
In Vue, the state uses a single state tree structure, and all States should be placed in the state. If the project is complex, the state is a large object, and the store object will become very large and difficult to manage. So there is another core concept modules in Vuex. This article will summarize the relevant knowledge points of ...
Posted by LanHorizon on Sat, 16 Apr 2022 12:36:26 +0300
Vue + element UI for skin change
My environment
@vue/cli 4.5.8
node - v10.15.0
npm - 6.4.1
Idea:
vue project has two parts to realize skin change
1, Self style skin change
This part of skin change has been posted on the Internet in a variety of ways. I won't say much here. If you see people here, you must have seen a lot of posts
Tell me what I think
Considering the on ...
Posted by amyhughes on Sat, 16 Apr 2022 01:47:02 +0300
Vue common instructions
I vue instruction
Official website explanation
Directives are a special feature with a {v-prefix. The value of the instruction attribute is expected to be a single JavaScript expression (v-for # is the exception). When the value of an expression changes, the function of the instruction is to apply its associated influence to the DOM responsivel ...
Posted by rvdb86 on Sat, 16 Apr 2022 00:14:54 +0300
ECharts Practice Manual
Content summary
Basic use of ECharts Ecarts common charts Common configuration of rectangular coordinate system Summary of ECharts configuration items ECharts advanced
1. Basic use of echarts
1.1 introduction to echarts
ECharts can make all kinds of beautiful charts, which can meet the implementation of most visual charts With strong c ...
Posted by DiscoTrio on Fri, 15 Apr 2022 22:56:12 +0300
[vue advanced] 2021 detailed explanation of the latest vue custom instruction
vue provides a set of operations that are more convenient for data-driven view. These operations are called instruction system.
The inline attributes at the beginning of v - are instructions. Different instructions can complete or realize different functions.
In addition to the default built-in instructions for core functions (v-model and ...
Posted by greenba on Fri, 15 Apr 2022 22:06:35 +0300
[Vue] Vue $nextTick()
1, Definition
vue official definition:
Vue.nextTick([callback,context]) executes a delayed callback after the end of the next DOM update cycle. Use this method immediately after modifying the data to get the updated dom.
nextTick is a required part of vue framework in front-end interview, which must be mastered. It mainly deals with ...
Posted by kendhal on Fri, 15 Apr 2022 12:25:52 +0300
Classification, screening and structure of uniapp
Effect realization:
Overall idea: 1. Define the page structure as follows
<template>
<view>
<view class="scroll-view-container">
<!-- Scroll view area on the left -->
<scroll-view class="left-scroll-view" scroll-y :style="{height: wh + 'px'}">
<view class="left-scroll-view-item acti ...
Posted by Eric T on Fri, 15 Apr 2022 08:36:36 +0300
College student community management system based on SringBoot+Vue
Project background
In the era of rapid development of network, many software have been developed, which has brought a lot of choices to the community, and students are increasingly pursuing more personalized needs. In this era, the association can only be student-oriented, according to the needs of students, the college student association man ...
Posted by yitanpaocai on Fri, 15 Apr 2022 07:31:18 +0300