강의 코드 내용 그대로 babeljs.io 사이트에 적용을 했는데 선생님처럼 변환이 되질 않습니다.. 따로 설정해야 하는 게 있나요??

Vue 의 data에 selectedTab을 초기화하지 않아도 created를 통해 selectedTab을 이용하는 것이 가능했는데 data에 selectedTab이 없으면 onClickTab을 만들어도 클릭했을 때 변화가 없더라고요. 두 상황에 어떤 차이점이 있는건가요?

TypeError: res.status is not a function 새로 고침하면 저 에러가 계속 생기네요. 테스트 아이디로 로그인을 시도해도 같은 에러가 생깁니다. https://github.com/Nimble9/lecture-vue-trello.git

강의 3분 즈음 내용입니다. 삭제 버튼은 span 태그 안에 i 태그를 작성했는데 체크 버튼은 i 태그만 사용한 이유가 궁금합니다!

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

안녕하세요 수강 중 궁금한 사항 질문드립니다~ 질문1) FormView.js 파일 아래 코드에서 import View from './View.js'; const tag = '[FormView]'; const FormView = Object.create(View); // 객체를 생성함 FormView.setup = function(el) { // el 받아서 내부적으로 속성으로 갖게할꺼임   this.init(el)   this.inputEl = el.querySelector('[type=text]')   this.resetEl = el.querySelector('[type=reset]')   this.showResetBtn(false); // 숨길꺼니깐 false로 넘겨줌 } const FormView = Object.create(View) 로 객체?를 생성 후 여기서 this로 메서드를 추가하셨는데 혹시 그냥 View.init(el) 이런식으로 하면 안되는건지 질문드립니다!  질문2) View.js 에서 throw el 은 어떤 역할인건지 궁금합니다..  그럼 답변부탁드릴게요 감사합니당

최근 듣는 분들 중 enter 작동 안하시는 분들은  .list-enter -> .list-enter-from 으로 하니까 잘 작동하네여!

안녕하세요! 강의에서 본 내용처럼 env.development 파일에 url 을 정의해놓고 사용하려고 하는데 process.env.VUE_APP_API_URL 이 undefined로 떨어져서 제대로 동작하지 않네요..ㅠ 다른 설정이빠진게 있을까요?

승인 받은 후 비공개 리포지토리에 접속했더니 404에러가 뜹니다.. 혹시 확인 부탁드려도 괜찮을까요?

안녕하세요 강사님.  저는 vue cli 4 버전으로 하고 있습니다.  기존 강의 대로 slot 부분을 따라하면 npm run serve 했을 때 사진과 같은 에러가 납니다. 위의 에러를 검색해서 찾다가  TodoInput 컴포넌트의 <h3 slot="header">경고</h3>  을  <template v-solt:header>경고</template> 로 바꾸니까 해결이 되었습니다.  제 생각에는 4버전의 eslint-loader가 기존 강의 버전과 다른 규칙이 있어서 그런 것 같은데 제 생각이 맞는지 여쭤보고 싶어서 질문을 드립니다.  그리고 혹시나 제가 한 것 말고 다른 해결 방법이 있다면 알려주시면 감사하겠습니다. 

actions.js 에서 return response를 명시하지 않고 곧바로 Ask.vue에서 then으로 체인을 할수 있던데요, 어떻게 돌아가는건지 정확히 알 수 있을까요?

cli이전 html 작성코드를 Open with Live Server로 실행했을때는 개발자코드에 vue탭이 보였는데요. localhost:8080에서 개발자코드를 열면 vue탭이 안보입니다.

https://codepen.io/mikilll94/pen/RwbYrpz 간단한 예제인데요. 데이터가 많을때 v-model 바인딩을 하면 속도가 엄청느려지는데 이유가 뭔가요 v-model 동작방식과 관련이 있을까요??..  그리고 해결방안이 있을까요 

많은 분들이 헷갈려 하시는 것이 첫번째로 로그인할때 headers 에 Authorization 부분이 비어 있는 부분이 강의에 나오지 않아 헷갈려하시는것 같습니다. 현재 강의에서는 강사님도 로그인을 첫번째로 하시고 토큰값을 받아온 뒤 로그아웃 이후 다시 로그인을 하셔서 토큰값을 서버에 보내신것같습니다. 첫번째 로그인할때는 당연히 토큰을 받아온게 없으므로 없는게 정상인것같습니다.

todolist에 propsdata를 this.$store.state.todoItems로 변경시켜줬더니 페이지에 아무것도 뜨지않습니다 F5 리플래쉬하면 데이터는 화면에 반영됩니다만 화면에서 액션일으킬때 실시간으로 반영이 안됩니다....

vue create vue-todo와 vue init webpack-simple vue-todo 차이가 있습니다. vue create vue-todo는 (자신이 생성한 프로젝트) vue-todo/public/index.html를 수정해야하고, vue init webpack-simple vue-todo는 (강의 속 생성한 프로젝트) vue-todo/index.html를 수정하는 것입니다. 그래서 즉 vue create vue-todo로 사용하시는 분들은 vue-todo/public/index.html를 수정하시면 됩니다.

지금까지 수업했듯 npm run serve 로 서버를 실행시켜서 state 적용된 것을 체크해보려고 했으나,  위와 같은 에러 메세지가 발생했고, 여기서 제시한 npm install --save core-js/modules/es.array.splice 명령어를 실행하였으나, 이런 메세지가 또 발생합니다. 이 메세지 내용을 보고, 구글링을 해본 결과  package-lock.json을 삭제하고 다시 실행시키거나 npm cache verify 명령어를 실행하거나 등등 여러가지 답변이 있었으나 전부 실행되지 않습니ㄷㅏ.최종 에러 메세지 상에는 Could not install from "core-js/modules/es.array.splice" as it does not contain a package.json file. 이렇게 적혀 있어서, 이부분을 보완하면 될 듯한데... 전혀 진행되지 않아서요...

객체에서의 this는 자기자신을 가르킵니다. 근데 es6 화살표함수를 사용하면 window를 가르키던데 제가 알기론 일반 함수가 실행되면 함수 컨텍스트가 만들어지고 그 안에 this, 변수객체, scopeChain가 정의되어져 있는걸로 알고 있습니다. 근데 es6 화살표 함수가 실행되면 함수 컨텍스트안에 this라는 것이 없고 변수객체에 this를 변수로서 상위 scope의 this를 가져오는게 맞을까요? 그래서 es6 화살표함수에는 bind()가 먹히지 않는지 궁금합니다..

payload 인자를 객체화 시켜서 한번에 넘겨주지 않고 이렇게 넘겨주어도 작동은 하는데 방법은 상관이 없을까요? removeOneItem(state, todoItem, index) { localStorage.removeItem(todoItem.item); state.todoItems.splice(index, 1); },

vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <Mdoal> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <TodoInput>        <App> at src/App.vue          <Root> slot으로 만들어준 cusotm header만 출력이 됩니다. 버튼이나 배경 모달창은 뜨지 않습니다. 어떻게 해결해야되나요?