카테고리 없음
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를 새로고침 해주는것 같다.