前端面试题汇总
JavaScript
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
性能
linux
前端资料汇总
一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项
通俗解释：
日常开发中，经常会遇到不同组件中会出现需要一些相同的或者相似的代码，这些代码的功能相对独立。可以利用vue的mixin将功能相同的或者相似的提出来，方便代码复用，也有利于代码维护。
一、局部组件混入
========
1、新建混入js文件
一般在工程中新建一个mixin文件夹，专门保存各种混入。一般src/mixin/demo.js
一般混入的格式就是一个js文件，需要export default {} 输出，其里面的具体格式，需要根据具体的混入场景来制定。比如需要混入vue文件里面，则需要根据vue文件的应用场景来设置。
export default {
data(){
return {
msg:“这是mixin的数据”,
mixinMsg:“这是mixin的数据”,
}
},
created(){
console.log(123)
},
methods:{
onClick(){
console.log(‘触发了mixin中的onClick’)
}
}
}
2、组件中引入并使用，组件中只需要配置mixins即可。
结果展示：
二、全局组件混入
========
在初始化vue之前，调用Vue.mixin()进行全局混入。
在main.js中：
Vue.mixin({
data(){
return {
$_globalMsg:“全局mixin数据”
}
},
created(){
console.log(‘触发全局mixin的Created’)
},
methods:{
$_globalMixin(){
console.log(‘$_globalMixin’)
}
}
})
三、内容冲突，听谁的
==========
如果局部混入和调用的组件中，关于同一个内容，使用出现了冲突：
组件中定义如下：
算法
-
冒泡排序
-
选择排序
-
快速排序
-
二叉树查找: 最大值、最小值、固定值
-
二叉树遍历
-
二叉树的最大深度
-
给予链表中的任一节点，把它删除掉
-
链表倒叙
-
如何判断一个单链表有环
由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！
如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
中…(img-6ACWGhsA-1715660254523)]
由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！
扫一扫
2136
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
