vue混入(mixins)的使用方法和注意点,讲的真详细

58 阅读3分钟

用法似不似相当简单呀

mixins的特点

1 方法和参数在各组件中不共享

混合对象中的参数num

在这里插入图片描述

组件1中的参数num进行+1的操作

在这里插入图片描述

组件2中的参数num未进行操作

在这里插入图片描述

看两组件中分别输出的num值

在这里插入图片描述

在这里插入图片描述

大家可以看到,我在组件1里改变了num里面的值,组件2中的num值还是混入对象里的初始值

2 值为对象的选项,如methods,components等,选项会被合并,键冲突的组件会覆盖混入对象的

混入对象中的方法

在这里插入图片描述

组件中的方法

在这里插入图片描述

打印台的输出

在这里插入图片描述

3 值为函数的选项,如created,mounted等,就会被合并调用,混合对象里的钩子函数在组件里的钩子函数之前调用

混入对象函数中的console

在这里插入图片描述

组件函数中的console

在这里插入图片描述

打印台的打印

在这里插入图片描述

与vuex的区别

经过上面的例子之后,他们之间的区别应该很明显了哈~

vuex:用来做状态管理的,里面定义的变量在每个组件中均可以使用和修改,在任一组件中修改此变量的值之后,其他组件中此变量的值也会随之修改。 总结:

  • 函数式编程其实是一种编程思想,它追求更细的粒度,将应用拆分成一组组极小的单元函数,组合调用操作数据流;

  • 它提倡着 纯函数 / 函数复合 / 数据不可变, 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用;

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想,这里也只是浅尝辄止,一些个人理解而已。博主也是初级小菜鸟,停留在表面而已,只求对大家能有所帮助,轻喷🤣;

我个人觉得: 这些编程范式之间,其实并不矛盾,各有各的 优劣势

理解和学习它们的理念与优势,合理地 设计融合,将优秀的软件编程思想用于提升我们应用;

所有设计思想,最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用,开发更为高效和安全

开源分享:docs.qq.com/doc/DSmRnRG…