Vue.js
-
Vue CLI 프로젝트 기본 구조 이해Vue.js 2022. 7. 5. 05:36
Index.html 여기에 app 태그가 있음 Main.js import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false new Vue({ render: h => h(App), }).$mount('#app') 여기서 vue 와 app.vue를 import해서 태그에 app.vue 파일을 렌더링함 App.vue App 태그에 렌더링할 Html ,css, 스크립트가 있음 Html 은 작성한 컴포넌트를 import해서 쓸수 있음 여러 컴포넌트 쓰는 케이스 일단 선언만하고 안쓰는 건 에러남 일단 선언하면 무조건 써야된다.
-
Vue.js + Spring Boot 환경 셋팅Vue.js 2022. 7. 2. 20:57
ava11, MySql(v8),Node.js 은 설치한다 Vue.js 설치 Vue CLI를 활용하여 Vue.js 설치를 할 것이다. 💡 Vue CLI Command Line Interface(CLI) 기반의 Vue 프로젝트 생성 도구 Vue 어플리케이션을 개발할 때 기본적인 폴더 구조, 라이브러리 등을 설정해준다. npm으로 Vue-cli를 global(-g)하게 설치한다는 뜻이다. 글로벌하게 Vue-cli를 설치해두면 이 프로젝트 외 다른 프로젝트에서도 Vue-cli를 사용할 수 있다. 설치가 제대로 완료 되었는지는 버전 확인으로 알 수 있다. 아래 명령어로 버전이 뜬다면 제대로 설치된 것이다. 에러가난다 vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\User\AppData\R..