vue mixin extend,vue mixins extends区别
这篇文章主要介绍了某视频剪辑软件中使用混合/扩展传入参数的方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
目录
使用混合/扩展传入参数vue mixins的原理
使用mixins/extends传入参数
最近做报表页面，基本都是列表页面，所以想用mixins。
但是接口的全球资源定位器(统一资源定位器)不同，于是考虑怎么才能传入参数去适配各个页面。
后来发现混入类文件可以写个函数，接受传递过来的参数，然后返回一个对象。
大概如下：
米心网
导出默认功能（配置){
让{
listUrl= ，
exportUrl=
}=配置
返回{
已创建(){
控制台。日志(列表URL)；
控制台。日志(导出URL)；
}
}
}
xxx.vue
从导入混音./mixin ；
let mixin=new Mixin({
listUrl: www.baidu.com ，
exportUrl: www.yahu.com
})
导出默认值{
mixins:[mixin]，
}
延伸也是差不多。
vue mixins的原理
以前一直以为混入类在某视频剪辑软件里面应该不是很重要，只是提供了一个混入的api，慢慢的才知道混入类在某视频剪辑软件里面非常重要。生命周期、vuex等都有混入类的影子，在内部算是很重要的一个api。
先上精简过后的源码：
导出常量生命周期_挂钩=[
创建前，
创建，
安装前，
安装，
更新前，
已更新，
销毁前，
已销毁，
]
const strats={ }；
函数mergeHook(parentVal，childValue) {
if (childValue) {
if (parentVal) {
返回父val。concat(子值)；
}否则{
返回[子值]
}
}否则{
返回parentVal
}
}
LIFECYCLE_HOOKS.forEach(hook={
合并钩
})
上面这部分很好理解，是生命周期的合并，下面判断有这些生命周期的键的时候，直接调用strats[key](父[答案]，子[关键])，我们都知道生命周期的混入类是先执行混入类的再执行当前组件的，所以直接concat，后面执行循环调用的时候就是这个顺序。
导出函数合并选项(父、子){
常量选项={}
if (child.mixins) {
for (var i=0，l=child。mixins。长度；I l；i ) {
var mixin=child。mixins[I]；
parent=mergeOptions(parent，mixin)；
}
}
对于(输入父项){
合并字段（关键字)
}
对于（让孩子键入){
如果(!parent.hasOwnProperty(key)) {
合并字段(键);
}
}
函数合并字段（键){
if (strats[key]) {
选项[键]=策略[键](父[答案]，子【关键】)；
}否则{
如果(父[键]的类型==对象子[键]的类型==对象){
选项[键]={
.父[键],
.子[键]
}
}否则{
options[key]=child[key]；
}
}
}
退货选项
}
这边生命周期是单独判断，其他熟悉方法则是一起的，比如方法方法，如果父和子都有，就结构合并在一起。因为混入类用法可以传入一个数组，这边还需要优先判断是否有混入类字段，有就要递归合并。
核心有了其他都是调用了，比如把混入类方法挂载到某视频剪辑软件上可以直接调用：
Vue.mixin=function (mixin) {
//将属性合并到Vue。选项上
这个。选项=合并选项(this。选项，mixin)；
还这个；
}
初始化的时候先合并一次，生命周期也是，在状态初始化之前先调用在创建之前，初始化之后调用已创建，源码搜索Vue.prototype._init这个方法里面就能看见，包括其他生命周期，可以搜索呼叫钩去看看：
虚拟机.$ options=合并选项(VM。构造函数。期权、期权)；
callHook(vm，“创建前”)；
//初始化状态
initState(VM)；
callHook(vm， created )；
呼叫钩就是循环调用生命周期：
导出函数callHook(vm，hook) {
常量处理程序=虚拟机. options[hook]；
如果(处理程序){
对于(设I=0；I处理程序.长度i ) {
经手人[我]。调用(VM)；
}
}
}
mixin方法的核心是合并实例的属性，比如表、方法、数据等。或者添加刚开始没有的新属性，比如vuex的$store。
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。