뷰3 [Vue.js] Instance 인스턴스 참고) javascript의 인스턴스[TIL]Javascript - 객체지향 class (ES5/ES6) ✅ Vue 인스턴스 - 공식문서 Vue에서 인스턴스를 생성하는 방법 var vm = new Vue({ // 옵션 }) 의미 javascript는 보통 아래과 같인 작성하지만 vue 공식문서에서는 변수로 구분하지 않고 위와같이 객체를 인스턴스에 바로 넣는 방법을 추천 가독성 var options = { el: "#app", data: { message: "hi", }, methodes: { }, }; var vm = new Vue(option); 2022. 1. 27. [Vue.js] Reactivity 반응성 Reactivity (반응성) 데이터의 변화를 라이브러리에서 감지해 알아서 화면에 뿌려줌 // 객체의 동작을 재정의하는 api Object.defineProperty(대상 객체, 객체의 속성,{ // 정의할 내용 }) Object.defineProperty() ✅ Reactivity를 라이브러리화 하는 법 즉시 실행 함수 사용 init과 render함수가 애플리케이션 로직에 노출되지 않게 또다른 스코프(유효범위)에 넣어주는 것 일반적인 오픈소스 라이브러리는 즉시 실행 함수 형태로 유효범위를 관리함 var div = document.querySelector("#app"); var viewModel = {}; (function () { function init() { Object.defineProperty(.. 2022. 1. 26. [Vue.js] 시작 전 환경세팅 🎯 목표 인프런 Vue.js 시작하기 - Age of Vue.js 완주 Vue.js 시작하기 - Age of Vue.js - 인프런 | 강의 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요., - 강의 소개 | 인프런... www.inflearn.com 🔥 시작 전 세팅 [브라우저 Chrome 에서 세팅할 것] ✔️ Vue 개발자 도구 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd Vue.js devtools Chrome and Firefox DevTools exten.. 2022. 1. 26. 이전 1 다음
