목록프로그래밍/Vue.js (2)
처음부터 차근차근
반복문(for) vue에서는 반복문으로 for문을 쓴다. for문을 따로 선언하지 않고 태그안에다 끼워서 쓴다. export default { name: 'App', data() { return { animals : ['cat', 'dog', 'mouse'], } }, components: { HelloWorld } } {{ animal }} animals라는 배열을 animal이라는 변수에 하나씩 넣어 출력한다. animals자리에 배열이 아닌 object 자료형도 넣을 수 있다. key는 반복문을 사용할 때 꼭 써야한다.(안쓰면 에러남) key 컴퓨터가 반복문을 돌릴때 각각의 요소를 구분하기 위한 값이라고 보면된다. 그래서 key에다가는 유니크한 숫자같은 값을 넣어준다. 그래서 아래와 같이 사용한다...
Vue란 웹 애플리케이션을 개발할 때 사용하는 오픈 소스 자바스크립트 프레임워크이다. Vue 프로젝트 만들기 1. vue cli 설치 먼저 프로젝트를 모아놓을 디렉토리를 만들고 그 위치에서 아래의 명령을 친다. npm install -g @vue/cli vue cli 설치하는 명령 vue cli : vue 개발환경 세팅을 도와주는 프로그램 2. 프로젝트 생성 vue.cmd create 프로젝트명 프로젝트 생성하는 명령 그다음 vue3선택하고 enter키 누르기 프로젝트 구조와 Vue 실행 원리 App.vue : 메인 페이지라고 생각하기 App.vue html 코드는 에다 짜고 javascipt는 안에다 짜면 된다. css는 안에다 짜면 된다. 원리 App.vue에 있는 코드를 main.js가 index...