아래 코드에서 설명하시고자 했던 부분이 'console.log(num)과 같은 단순한 로직보다는, axios.get(num)과 같은 무거운 로직의 경우에 watch의 사용이 보다 적절할 수 있다.' 가 맞나요? 입문자인데 console.log(num)와 axios.get(num) 가 가지는 차이가 와닿지 않아서 의도하신 설명이 이 맥락이 맞는지 여쭙니다.. 강의 잘듣고있습니다! methods: { fetchUserByNumber : function ( num ) { // console.log(num); axios . get ( num ) } }
actions를 적용하는 와중 "export 'default' (imported as 'api') was not found in '../api' 에러가 발생합니다. 참고로 import * as api from '../api'로 적용시켰습니다. creat board를 이용해서 타이틀을 작성하면 모달창은 닫히는데 board가 create이 실시간으로 안됩니다. 새로고침하면 추가한 board가 생기구요..
한글로 내용을 작성후 엔터키를 입력하면 이벤트가 두번 발생합니다. 캡틴 판교님의 마지막 강의에서도 시연 중 이런 현상이 있는 것으로 보였는데요. 이 문제에 대해 해결 방법이 있을까요? Vue.js 포럼에서는 CJK 언어에서 발생하는 문제로 keyup 이벤트가 발생할 때마다 해당 인풋의 value 값을 읽어와 임의로 업데이트 해주는 것으로 해결하라고 하던데, 버튼을 클릭하여 추가할 때는 문제가 없지만, 엔터키 입력시에는 문제가 발생하는 것 같아서요. 참고로 한번은 한글 내용이 담긴 채로 이벤트가 발생하고, 곧바로 빈 값을 이벤트가 한번 더 발생합니다. 빈 값일 경우에는 저장이 안되도록 예외 처리는 되어 있지만 빈 값일 경우 내용을 입력하세요 라는 alert을 띄우게 해놨더니, 한글 입력 -> 엔터 키 입력 -> 한글 내용 등록 -> alert 창 호출 이렇게 돌아가고 있습니다.
HOC를 사용하게 되면 ListView를 렌더링에 넣어서 때문에 Mixin보다 레벨이 한 단계 더 깊어진다고 말씀 하셨는데 그러면 아래 랜더에 ListView 대신에 export default function createListView ( name ) { return { name , created () { bus . $emit ( ' start:spinner ' ) this . $store . dispatch ( ' FETCH_LIST ' , this . $route . name ) . then ( () => { console . log ( ' fetched ' ) bus . $emit ( ' end:spinner ' ) }) . catch ( error => { console . log ( error ) }) } , render ( createElement ) { return createElement ( ListView ) } } } render(createElement) { return createElement(ListItem) 을 넣으면 Mixin하고 컴포넌트 간의 레벨이 같아지는데. 만약에 이렇게 하게되면 어떤 문제점이 있는지 궁금합니다.