text: import $ from 'jquery'
  import createItem from '../Item/CreateItem.js'
  import { GET_LIST } from '../config/config.js'
  
  export default class List {
      constructor(app) {
          this.app = app
          this.$el = $('<div>')
      }
  
      // 获取数据
      loadData() {
          // 使用 fetch （低版本浏览器可使用 https://github.com/github/fetch 兼容）
          // 返回 promise
          return fetch(GET_LIST).then(result => {
              console.log(',,,,', result)
              return result.json()
          })
      }
  
      // 生成列表
      initItemList(data) {
          data.map(itemData => {
              let item = createItem(this, itemData)
              item.init()
              return item
          })
      }
  
      // 渲染
      render() {
          this.app.$el.append(this.$el)
      }
  
      init() {
          this.loadData().then(data => {
              this.initItemList(data)
          }).then(() => {
              // 最后再一起渲染 DOM ，以避免重复渲染的性能问题
              this.render()
          })
      }
  }