文章目录
概要
经常有这样的需求,在小程序全局页面都可实现分享功能。
整体架构流程
借助mixin实现所需界面的展示
1.manifest.json配置
2.新建mixin文件
3.组件中使用
4.实际效果
技术名词解释
1.mixin是什么?
在Vue中,mixin(混入)是一种可重用的组件选项。它可以包含组件中的任意选项,如data、methods、computed等。通过使用mixin,可以将公共的代码逻辑和功能分离出来,然后在多个组件中进行复用。
Mixin可以是一个普通的对象,也可以是一个被定义为Vue实例的组件。当一个组件使用mixin时,mixin中的选项会和组件的选项进行合并。如果有重复的选项,组件的选项会覆盖mixin中的选项。
2.为什么使用mixin?
使用mixin的好处是可以将一些通用的逻辑和功能提取出来,以增加代码的复用性和可维护性。
使用mixin可以避免在多个组件中重复编写相同的代码。
3.mixin与vuex区别?
Vuex公共状态管理,如果在一个组件中更改了Vuex中的某个数据,那么其它所有引用了Vuex中该数据的组件也会跟着变化。
Mixin中的数据和方法都是独立的,组件之间使用后是互相不影响的。