Ref
- 원하는 요소를 선택할 때 사용함 요소에 id나 class를 일일이 추가하기 어려우니 Ref사용
- mounted시점부터 사용가능하다.
- 요소 자체를 확인하기 때문에 querySelector같이 모든 요소를 검색하는 API보다 많이 사용 l
플러그인
- install이란 함수를 가진 객체를 반환해주는 JS 파일을 만들어 사용한다.
app.config.globalProperties에 자신이 원하는 $이름의 함수를 만들어 재사용하면 된다. 그러면 plugin을 달아주면 this키워드를 사용해서 이용가능하다.
믹스인
- 재사용 가능한 기능을 배포하는 개념
- 컴포넌트에서 mixins을 사용하면 데이터가 중복이 안되면 병합되고 중복된다면
컴포넌트 데이터가 우선순위가 된다. - 하지만 라이프사이클 같은 경우 mixins부터 실행되기 때문에
덮어씌어지지않는다. - props, created, method, emit 등 겹치면 한파일에 믹스인파일 선언 후 재사용 패턴
반응형 데이터
- 반응형이란 데이터를 변경했을 때 vue가 데이터가 변경됐다고 인지하고 바꿔주는것. proxy객체면 가능함
- proxy 객체가 아닌 경우
reactive함수 안에 데이터를 넣으면 그 데이터는 반응형으로 된다.
Vuex
- 상태관리 패턴 라이브러리
- 외부에서 상태를 변경하는것을 막아주기 위해 사용
- state ⇒ 데이터, 상태 (함수로 만들어서 반환할 시 참조의 문제가 나타나기 때문에 주의!)
- getters ⇒ 계산된 상태(상태에 의존함 computed와 유사)
- mutations ⇒ 상태를 변경하고 어디서 변경됐는지 알기 위해 사용
동기적 - actions ⇒ 상태의 모든 로직이 담겨있다고 생각하면 됨
비동기적, 각 action의 파라미터로 context를 받는데 context에는 { state, getters, commit, dispatch }가 있고 state와 getters는 위와 같은 내용이고commit은 mutations를 실행시키는 method,dispatch는 다른 action을 실행시키는 method이다.
리액트
- 개발을 편하게 하기 위해 사용하는 라이브러리
- MVC패턴
- 가상돔을 사용(필요한 부분만 랜더링해서 바꿔줌 모든 면에서 빠르지는 않지만 개발을 편하게 하기위해 사용되는 개념)