什么是 ember-provider
ember-provider 是一个为 Ember.js 项目提供共享状态的工具类库。它提供了一种简单的方法来管理应用程序状态，这种方法可以在整个应用程序中轻松地共享和使用。它与 React 的 Context API 很相似，但提供了更多的功能和灵活性。
使用 ember-provider 可以避免通过复杂的组件层次结构传递 props 来共享状态的问题，而且更加方便和易于维护。
安装和使用
首先，你需要将 ember-provider 安装到你的项目中：
npm install ember-provider
配置 ember-provider 模块：
-- -------------------- ---- -------
-- ------
------ ----- ---- --------
------ -------- ---- -----------------
--------------------------
------ -----------------
-- -------------
-------- --
------- ------ -------
---
---现在，你可以在你的模板文件中使用 MyApp.Provider 来访问这些全局状态：
// my-template.hbs
{{#let value=(get MyApp.Provider 'myValue')}}
<p>The current value is {{value}}</p>
{{/let}}你可以通过 set 方法来修改这些全局状态：
-- -------------------- ---- -------
-- ---------------
------ - ------ -- ------------- - ---- -----------------
------ - ------ - ---- ----------------
------ ------- ----- ----------- ------- --------- -
------------------------ ------
-------
---------------- -
------------------------- ------------------------- - ---
-
-现在，你可以在你的应用程序中任何时候共享全局状态了。
高级用法
如果你需要更复杂的状态管理，你可以通过拓展 Provider 类来实现更多的功能。你可以在 Provider 类中定义生命周期钩子、计算属性等。
-- -------------------- ---- -------
------ -------- ---- -----------------
------ ------- -----------------
------ -
------------------
---------------- --------------
--
------------ -
----- ----- - --------------------------------
------------------------------------- ------ ---- -------------- -- -
--------------- - -------
------------------------ --------
----------------------- ------
---
--
--------- -
-------------------- --------------
--
--------- -
-- ---
--
-------------- ----------------------- ---------- -
------ --------------------------
---
---如上所述，我们在 Provider 类中定义了 initCamera、onReady 和 onClick 三个方法。其中，initCamera 方法会在实例化时执行来初始化设备。onReady 方法会在 Provider 实例挂载到 DOM 上后执行，以及监听 ready 事件。
通过这些钩子函数，我们可以在 Provider 实例的生命周期内执行一些逻辑。另外，我们在类中定义了一个计算属性 isCameraReady，只有在 cameraReady 属性发生变化时才会重新计算。通过这些方法，我们可以实现更复杂的状态管理。
总结
ember-provider 是一个很实用、很方便的状态共享工具，它能帮助我们管理应用程序中的全局状态，以及实现更复杂的状态管理。在实际使用中，我们需要根据具体情况来选择使用它的哪些功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5c51ab1864dac670de