homebody's blog

src폴더 밑에 있는 components폴더에 component로 넣을 vue 파일 생성 component_test.vue파일 작성 component_test component를 넣고 싶은 vue파일에 가서 script와 template을 수정해준다. Hello World!! script에 component로 넣고자 하는 vue파일을 import한다. 이때 경로에 들어가는 @는 src폴더를 말한다. componets에 import한 component를 넣어준 후 그 component를 template에서 태그처럼 사용한다. 서버 가동(http://localhost:8080/)

프로젝트에서 src 폴더 아래 views 폴더를 생성한 후 MainPage.vue 파일을 생성한다 MainPage.vue 파일 작성 Hello World!! router/index.js 수정 import Vue from 'vue' import Router from 'vue-router' import MainPage from '@/views/MainPage' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'MainPage', component: MainPage } ] }) App.vue 수정 서버 가동(http://localhost:8080)

npm 설치 https://nodejs.org/en/에서 다운로드 및 기본 설치 Vue 설치 및 프로젝트 생성 터미널창을 열고 아래의 명령어를 입력한다. $ npm install vue $ npm install -g vue-cli $ vue init webpack projectName ? Project name projectName ? Project description A Vue.js project ? Author ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your code? Yes ? Pick an ESLint preset Standard ? Set up unit tests No ? Setup e2e tests with..