什么是Vue Mixins(混入)?【Vue】

作者: 我是小野森森分类: 野生技能协会 发布时间: 2020-08-19 19:44:51 浏览:18553 次

什么是Vue Mixins(混入)?【Vue】

改了好多次都不行:
前几天面试问到了mixins跟extends,直接跪了

【回复】这几天出一个extends的视频吧(=・ω・=)
【回复】我也是,一模一样,我人都傻了
绒球帽:
那么按照mixin的用法结果,原理是不是说mixin的加载但是在本组件的data之前,被覆盖了,所以show的值是test,还是说本组件的data优先级更高呢,up有没有办法把作用域或者词法环境打出来看下呢,最近在看这方面有点看的头疼[笑哭][笑哭][笑哭]

【回复】mixin会和组件的data进行一个合并操作,具体的话可以就要源码了[高兴][高兴][高兴]
【回复】回复 @哈默聊前端 :[热词系列_知识盲区]哦哦
程风蓝:
WOC 不知道这种用法,不过想了想实际应用场景少

【回复】像Vue Router, Vuex这些插件里就用Vue.mixin定义了唯一的this.$router和this.$store~
【回复】不,用的很多的,我们现在开发的项目就一直在用,每个页面都导入,然后分页的逻辑,获取列表数据的方法,data里的数据,都不用在每个页面写,直接用这个导入就js文件就渲染好了
【回复】我个人感觉非常好用,也是这两天刚学的,目前用它做了一个切换路由改变导航栏按钮的功能。(因为我的导航栏是封装起来的)
账号已注销:
既然混入可以实现共享方法,是否能实现组件间传值呢

【回复】回复 @哈默聊前端 :混入算不算是vue实现“继承”的一种方式?可以嵌套混入吗?
【回复】这个不行,它只是把mixin里的方法和被混入的组件进行了合并
【回复】回复 @FI_GGG :跟继承不太一样哦,mixins的话,只要保证是个对象就ok,所以嵌套使用是可以的
仙女不拉粑粑呦:
可不可以把mixin理解为深拷贝,毕竟所有的组件都可以引入mixin然后使用里边的方法

蜡笔你要小心了:
阿婆主的视频都是干货啊,感谢讲解[打call]

7Phoenix:
讲得很好 关注了!只不过up主怎么这么多号[doge]

来自山海经里的undefined:
mixins里怎么改组件里的data中定义的变量呢

【回复】也是通过this.xxx方式访问和修改~
陌年微凉QA:
混入是否会导致混入的JS里面的变量被一个组件更改,其他的组件使用也改呢

【回复】回复 @灰two :并不会修改哦,mixins:可以定义共用的变量,在每个组件中使用,引入组件之后,各个变量之间是相互独立的,值的修改在组件之中不会相互修改。如果修改了,视频中点了a组件的按钮,b组件咋没变化呢
菜心-123:
感谢up,有些小东西查不清楚,这种几分钟视频讲的很清楚,已关注3连

萌新UP主夏令营 编程 知识分享官招募令·第五期 JAVASCRIPT JS 经验分享 WEB VUE WEB前端 学习心得

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!