728x90 vue.js3 [Vue] Vue 약어 🌱 v-bind 약어 ... ... v-bind: = : 단방향 바인딩 🌱 v-on 약어 ... ... v-on: = @ - 참조 : https://kr.vuejs.org/v2/guide/syntax.html 2022. 7. 4. [Vue] 이벤트 버스 형식 🎀 이벤트 버스 형식 이벤트 버스를 구현하려면 애플리케이션 로직을 담는 인스턴스와는 별개로 새로운 인스턴스를 1개 더 생성하고, 새 인스턴스를 이용하여 이벤트를 보내고 받는다. .$emit() : 보내는 컴포넌트 .$on() : 받는 컴포넌트 👀 구현 형식 // 이벤트 버스를 위한 추가 인스턴스 1개 생성 var eventBus = enw Vue(); // 이벤트를 보내는 컴포넌트 methods: { 메서드명: function() { eventBus.$emit('이벤트명', 데이터); } } // 이벤트를 받는 컴포넌트 methods: { created: function() { eventBus.$on('이벤트명', function(데이터); } } 👍 이벤트 버스 구현하기 doit-vuejs/index... 2022. 1. 24. [Vue] Vue.js의 라이프 사이클 Creation, Mounting, Updating, Destruction ✏️ 렌더링이란? rendering은 renderer engine(skia)이 한다. Render는 html로 입력받아 해석해서 표준 출력 장치(모니터)로 출력 해준다. (화면에 뿌려주는 역할) ✏️ 바인딩(Binding)이란? 값이 서버상에서 들어간 것 이름을 속성에 연관(bind) 시키는 과정 (특정 객체에서 실행되게끔 고정시키는 그런 역할) 컴퓨터 프로그래밍에서 각종 값들이 확정되어 더 이상 변경할 수 없는 구속(Bind) 상태가 되는 것 정적 바인딩(static binding) : 원시 프로그램의 컴파일링 또는 링크 시에 확정되는 바인딩 동적 바인딩(dynamic binding) : 프로그램이 실행되는 과정에서 바인딩 되는.. 2022. 1. 24. 이전 1 다음 728x90
