在前端开发中，我们经常会遇到需要公用数据、方法等内容的情况。这时候，我们可以使用 ember-public-mixin 这个 npm 包来实现公用数据的组件。
简介
ember-public-mixin 是用于 Ember.js 的 mixin，用于在多个组件之间共享公共属性和方法。使用该 mixin 可以轻松地实现将数据、方法注入到所有组件中的效果。
安装和配置
首先，我们需要在项目中安装 ember-public-mixin：
$ npm install --save ember-public-mixin
接着，在需要使用的组件中引入 mixin：
import PublicMixin from 'ember-public-mixin/mixins/public-mixin';
export default Component.extend(PublicMixin, {
...
});在 mixin 中，我们可以设置 publicProperty 属性和 publicMethod 方法，可以跨越多个组件访问这些属性和方法。
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- --------------------
--------------- -----
-------------- -
-- -- ---------
--
---在组件中使用公共数据
我们可以通过在组件调用 mixin 中设置的属性和方法来访问公共数据。例如，在一个组件中，我们可以这样使用 publicProperty 属性：
didInsertElement() {
let publicProperty = this.publicProperty;
console.log(publicProperty);
}示例代码
下面是一个示例代码，我们将 mixin 应用于两个组件 component-a 和 component-b：
-- -------------------- ---- -------
-- --------------
------ ----- ---- --------
------ ----------- ---- -----------------------------------------
------ ------- ----------------------------------- -
--------------- ------ ---- --------- ---
------------------ -
--- -------------- - --------------------
----------------------------
--
---
-- --------------
------ ----- ---- --------
------ ----------- ---- -----------------------------------------
------ ------- ----------------------------------- -
--------------- ------ ---- --------- ---
------------------ -
--- -------------- - --------------------
----------------------------
--
---在这个示例中，我们在 component-a 和 component-b 中分别设置了不同的 publicProperty 属性值，并在两个组件的 didInsertElement 钩子中对 publicProperty 进行了输出。在使用该 mixin 后，我们可以看到两个组件的 publicProperty 属性都被成功地注入到了这两个组件中。
总结
通过使用 ember-public-mixin，我们可以轻松地在多个组件之间共享公共属性和方法，有效减少了代码的冗余，提高了开发效率。在未来的前端开发中，我们可以考虑使用 mixin 带来的便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e18a563576b7b1ecb45