vue中的mixins（混入）使用场景介绍

什么是mixins（混入）？

mixins是对vue组件的一种扩展，将一些公用的常用数据或者方法，构建一个可被混入的数据结构，被不同的vue组件进行合并，就可以在不同的vue组件中使用相同的方法或者基础数据。

稍微有点理解vue混入的同学，可能会感到困惑，mixins和vue的公共组件或者vuex很相似。

mixins和vuex的区别。

vuex公共状态管理，在一个组件被引入后，如果该组件改变了vuex里面的数据状态，其他引入vuex数据的组件也会对应修改，所有的vue组件应用的都是同一份vuex数据。（在js中，有点类似于浅拷贝）
vue引入mixins数据，mixins数据或方法，在每一个组件中都是独立的，互不干扰的，都属于vue组件自身。（在js中，有点类似于深度拷贝）

mixins和公共组件的区别
通用的数据和方法，确实可以提出一个通用的组件，由父子组件传参的形式进行分享公用。

公共组件

子组件通过props接收来自父组件（公共组件）的参数或者方法，但vue不建议，子组件直接修改props接收到的父组件的数据。需要在子组件的data中或者computed中定义一个字段来接收。（有点麻烦）
公共组件最主要的作用还是复用相同的vue组件（有视图，有方法，有状态)。

mixins
如果只是提取公用的数据或者通用的方法，并且这些数据或者方法，不需要组件间进行维护，就可以使用mixins。（类似于js中封装的一些公用的方法）

• « 上一篇：小程序实现登录、注册、忘记密码功能
• » 下一篇：Linux学习笔记—— ls-l 长格式列表