Ember.js 是一个流行的前端框架，它帮助开发者快速构建复杂的 Web 应用。而 Ember-Source 是 Ember.js 的核心部分，它包含了该框架的核心代码。本文将详细介绍如何使用 NPM 包 Ember-Source 帮助快速构建 Web 应用。
安装 Ember-Source
使用 NPM 安装 Ember-Source，只需在终端输入以下命令：
npm install --save ember-source
引入 Ember-Source
安装好 Ember-Source 后，你可以在自己的应用中引入它。在使用过程中，你需要了解 Ember-Source 的目录结构。如下是 Ember-Source 的目录结构表：
| 目录名称 | 描述 |
|---|---|
| app | 应用代码 |
| bin | Ember-CLI 的命令 |
| blueprints | Ember-CLI 的蓝图 |
| config | 应用的配置 |
| dist | 构建后的文件 |
| node_modules | NPM 包 |
| tests | 测试代码 |
| vendor | 第三方依赖 |
你可以在你的应用中使用如下代码引入 Ember-Source：
import Ember from 'ember'; // 代码...
Ember-Source 的核心部分
下面我们将介绍 Ember-Source 中几个重要的部分：
Ember Object
在 Ember.js 中，所有的对象都是 Ember Object。Ember Object 具备了很多常用的功能，比如属性计算、观察和事件处理。你可以创建一个 Ember Object：
-- -------------------- ---- -------
------ ----- ---- --------
----- ------ - ---------------------
-- --
---------- -----
--------- -----
-- ----
--------- --------------------------- ----------- ---------- -
------ ------------------------- -------------------------
---
-- --
-------- -
-----------------
-
---
----- -- - ---------------
---------- ------
--------- -------
---
------------------- -- --- -----
------------- --------- -- ----- ------Ember Component
Ember Component 是可重用的 UI 组件，它可以封装 UI 逻辑和数据。你可以创建一个 Ember Component：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ------------------------
-- --
---------- -----
--------- -----
-- ----
--------- --------------------------- ----------- ---------- -
------ ------------------------- -------------------------
---
-- --
-------- -
-----------------
-
---然后在你的应用中使用这个 Component：
{{my-component firstName="Tom" lastName="Smith"}}Ember Service
Ember Service 是一个单例对象，它可以封装业务逻辑和数据。你可以创建一个 Ember Service：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ----------------------
-- --
---------- -----
--------- -----
-- ----
--------- --------------------------- ----------- ---------- -
------ ------------------------- -------------------------
---
-- --
-------- -
-----------------
-
---然后在你的应用中使用这个 Service：
import Ember from 'ember';
const myService = Ember.inject.service('my-service');
myService.say('Hello World!');结语
本文详细介绍了如何使用 NPM 包 Ember-Source 帮助快速构建 Web 应用。希望本文可以对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/59217