Programmer Think

concept Keep alive yes Vue When it wraps dynamic components, it caches inactive component instances instead of destroying them. Similar to transition, keep alive is an abstract component: it does not render itself as a DOM element or appear in the parent component chain. effect In the process of component switching, the switched components a ...

As its name suggests, the navigation guard provided by Vue router is mainly used to guard navigation by jumping or canceling. There are many opportunities to implant in the routing navigation process: Overall,Exclusive to a single route,Or component level. Global guard Global pre guard router beforeEachGlobal resolution guard router befor ...

Configuring vue in webpack If Vuejs is used in the project, it must be dependent, so it needs to be installed first. Because vue will also be used in the actual project later, it is not dependent during development, so it needs to be installed directly npm install vue@2.5.21 --save Use vue the way you learned before There is no error in t ...

Vue core of Vue family bucket (I) 1 Introduction to Vue 1.1 what is Vue? Vue is a progressive JavaScript framework for building user interfaces. Author: you Yuxi Official website: https://cn.vuejs.org/index.html 1.2 characteristics of Vue 1. Adopt component mode to improve code reuse rate and make code better maintained. 2 declarati ...

Hello, I'm A bowl week , a front end that doesn't want to be drunk. If you are lucky enough to get your favor, I am very lucky~ Write in front When we write Vue2, the way to write components is to use the Options API. The feature of this way is to write corresponding function modules in the corresponding attributes, such as defining data in ...

1.TypeScript union type Resolution: the union type can set variables to multiple types through the pipeline (|), and the value can be assigned according to the set type. 2.TypeScript basic type Resolution: [1]Any type any: Declare as any A variable can be assigned any type of value [2]Number type number: Double precision 64 bit floating point ...

Chapter III Although the basic models have been created now, the main purpose of our 3D conference room is to place the items in the conference room and set the layout by ourselves. Therefore, we need to be able to drag the position and rotate the angle of the model in the conference room to achieve this highly free effect. drag DragCont ...

Naming conventions Project naming All are in lowercase. When multiple words are included, use the middle dash (-) to separate them. Example: my project name Directory naming Refer to project naming rules; When there is a plural structure, the plural naming method shall be adopted. Examples: utils, images, modes In vue's project, the comp ...

preface 1, Vue's custom instructions are divided into? In addition to the built-in instructions of core functions, vue also allows the registration of user-defined instructions. In some cases, user-defined instructions will be used for the underlying operation of ordinary DOM elements. User defined instructions are divided into global u ...

conditional rendering v-if Writing method: v-if = "expression"v-else-if = "expression"v-else = "expression"Applicable to: scenes with low switching frequencyFeatures: DOM elements that are not displayed are removed directlyNote: v-if can be used together with: v-else-if and v-else, but the structure must ...