What is? mixins( Mix in )?

mixins That's right vue An extension of component , Some common data or methods will be used , Build a data structure that can be mixed in , By different vue Component , Can be in different vue Components use the same method or basic data .

A little understanding vue Mingled students , You may be confused ,mixins and vue Or vuex Very similar .

mixins and vuex The difference between .

vuex Public state management , After a component is introduced , If the component changes vuex Data status inside , Other introductions vuex Data components will also be modified accordingly , be-all vue Components are applied in the same file vuex data .( stay js in , It's kind of like a shallow copy )
vue introduce mixins data ,mixins Data or method , It is independent in each component , Non interfering , All belong to vue Component itself .( stay js in , It's kind of like deep copy )

mixins The difference between common components and common components
General data and methods , It's really possible to come up with a generic component , Shared by parent-child components in the form of parameters .

Common components

Subcomponents pass props Receive from parent component ( Common components ) Parameters or methods of , but vue Not recommended , Direct modification of subcomponents props Data received from the parent component . It needs to be in the data Medium or computed Define a field in the to receive .( It's a bit of a problem )
The main function of common components is to reuse the same vue assembly ( There are views , There are ways , Stateful ).

mixins
If we just extract common data or common methods , And these data or methods , No maintenance between components is required , You can use it mixins.( be similar to js Some common methods encapsulated in )

Technology
©2020 ioDraw All rights reserved
Java exercises 1: Simply define a car class New photo album app launched by Microsoft : Using cross platform framework React Native to write Chapter two Fundamentals of programming Programming exercises pandas Time order of webpack Code segmentation import()Vue slot slot: Default slot , Named slot , Scope slot Fundamentals of data analysis ——R language ( Processing missing values )C++ Implementation of matrix meteor shower effect PostMan Advanced Usage , Interface MD5+Secret autograph Sign The 12th Blue Bridge Cup B group C/C++ Provincial competition