Udemy - Vue 완벽 가이드 1. 시작하기

이 포스팅은 Udemy 강의를 들으며 필기한 내용을 적은 것이다.

 

- Vue 시작하기

1. VSCode에서 코드 Beautify : Shift + Alt + F
   1. 포매터 없으면 prettier 검색해서 추가
2. cdn으로 Vue 가져올 때 스크립트 변경
   1. <script src="https://unpkg.com/vue@3.4.9/dist/vue.global.js" defer></script>
3. Vue 앱 생성하기

const app = Vue.createApp();

app.mount(".user-goal");

1. data, methods를 다른 프로퍼티로 뺐을 경우 methods에서 data에 선언한 변수를 쓰려면 this.를 붙여야함
2. v-html 디렉티브
3. // v-html 속성으로 HTML 태그가 포함된 문자열을 출력 가능 <p v-html="outputGoal()"></p> methods: { outputGoal() { const randomNumber= Math.random(); if (randomNumber < 0.5) { return '<h2>Learn Vue!</h2>'; } else { return '<h2>Master Vue</h2>'; } } }