카테고리 없음

mithriljs 사용후기정리

egirlasm 2019. 4. 7. 11:31

일단 사용법에서는 생략하고 부딪쳣던 문제들을 적을것이다.

html

<html>
  <body>

  </body>
</html>

js

// src/index.js


var User = {
    list: [],
    loadList: function() {
        return m.request({
            method: "GET",
            url: "https://rem-rest-api.herokuapp.com/api/users",
            withCredentials: true,
        })
        .then(function(result) {
            User.list = result.data
        })
    },
}





var UserList = {
  oninit: User.loadList,
    view: function() {
      console.log('log',User.list)
        return m(".user-list", User.list.map(function(user) {
            return m(".user-list-item", user.firstName + " " + user.lastName)
        }))
    }
}

m.mount(document.body, UserList)

로그 보면 

view 가 두번 실행되는것을 볼수 있다.

 

 

근데 주의해야 될게 ajax request가 데이터가 바로오는것이 아니라서 

처음에는 데이터가 비어있다.

데이터를 받고 나서 view를 새로고침 해주는것 같다.