vue|mixins🆚vuex🆚公共组件1、什么是mixins |定义一个混入对象 |引入混入对象 |几种混入组合

1、什么是mixins

1.定义一个混入对象

image (19).png

2.引入混入对象

image (20).png

1.混入对象的参数，方法和参数在组件间不共享

image (21).png

image (22).png

image (23).png

image (24).png

2.混入对象的方法，会将混入对象和组件合并，键值冲突时，选择组件

image (25).png

image (26).png

image (27).png

3.混入对象的生命周期函数，会优先调用混入对象的，然后在调用组件的

image (28).png

image (29).png

image (30).png

vuex是用来做状态管理的，任意一个组件改变了vuex中的变量，其他组件中的变量值也会随着更改

mixins可以定义一些公共变量，在组件中引入后，变量之间是相互独立的，值的修改在组件中不会相互影响

父组件引入子组件之后，通过emit和props进行数据传递，但本质上两者是相互独立的

组件引入Mixins后与组件中的对象和方法进行合并，想当于扩展了父组件的对象和方法，可以理解成形成了一个新的组件