Ember.js 是一个流行的前端框架，用于构建高性能的单页应用程序。本教程将带您入门 Ember.js，并介绍其核心概念。

快速开始

  1. 安装 Ember CLI：首先，您需要安装 Ember CLI，这是一个用于开发 Ember.js 应用的命令行工具。
npm install -g ember-cli
  1. 创建新项目：使用 Ember CLI 创建一个新的 Ember.js 项目。
ember new my-ember-app
  1. 启动开发服务器：进入项目目录，并启动开发服务器。
cd my-ember-app
ember serve

现在，您可以在浏览器中访问 http://localhost:4200 来查看您的应用。

Ember.js 核心概念

组件（Components）

组件是 Ember.js 中的基本构建块。它们是可重用的 UI 元素，可以包含模板和逻辑。

{{# Ember Template #}}
<button class="btn btn-primary">
  Click Me
</button>
{{/ Ember Template #}}

路由（Routing）

路由允许您将 URL 与应用程序中的特定组件关联起来。

// routes/index.js
import Route from '@ember/routing/route';

export default class IndexRoute extends Route {
  // ...
}

模型（Models）

模型用于表示应用程序中的数据。它们通常与后端 API 进行交互。

// models/article.js
import DS from 'ember-data';

export default DS.Model.extend({
  title: DS.attr('string'),
  content: DS.attr('string')
});

控制器（Controllers）

控制器用于处理用户交互和数据更新。

// controllers/articles.js
import Controller from '@ember/controller';

export default Controller.extend({
  actions: {
    saveArticle() {
      // ...
    }
  }
});

学习资源

要深入了解 Ember.js，您可以访问以下资源：

希望这个教程能帮助您开始使用 Ember.js！🎉

Ember_js_logo