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