codingPpushu's dev story

Ever tried. Ever failed. No matter. Try Again. Fail again. Fail better.

0%

TIL-210601

What?

Vue-project
Vue devtools Composition API json Lifecycle hook
  • Vue devtools
    • 에러로 알려주지 않는 부분을 위해 설치 (크롬 확장 프로그램)
  • Composition API
    • 파일을 쪼개지 않고 관련 기능을 한 곳에 모아두고 싶을 때 사용
    • setup() 이라는 hook 같은 걸 만들고 그 안에 코드를 짜면됨
    • 데이터는 ref() 담고 return{} 해줘야 위에서 사용가능
      • var 데이터이름 = ref(데이터)
      • return { 데이터이름 }
    • ajax 요청하는 법 동일함
      • axios 사용하면 됨
      • 단, 데이터 수정 방법은 다름
        • ref()로 만드는 데이터는 object 자료형이기 때문에 .value로 object 안의 데이터를 수정해줘야 함
    • json
      • 웹에서 서버랑 데이터를 주고 받을 때 항상 json 형식으로 주고 받아야함
    • Lifecycle hook
      • Lifecycle 함수명은 원래 이름 앞에 on만 붙이면 됨
  • 결론: 모든건 선택사항이고 기존대로 Options API를 사용해도 된다.