Vue.js5 [vue]vue3 : 데이터 바인딩 #.파일명 명명규칙(vuecli) views -> ...View로 만들기 #.data만들기 #.특정한 곳에 css적용 - scope #.문자열 데이터 바인딩 -{{ data.name }} #.Html 데이터 바인딩 - #.vue 구조 설정하기 file(혹은 좌하단 설정마크) - > user Snippets -> vue.json(없으면 만들기) { // Place your vue workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add comma separated ids of the languages where the snippet is app.. 2023. 1. 20. [vue]환경설정 #.vue설치 - terminal -npm install -g vue -npm install -g @vue/cli //vue프로젝트를 빠르게 실행하게 도와줌 #.구조 package.json : project에 대한 정보 "private" : true -> npm에 등록된다면 접근 지정 npm run serve 명령어가 실행되는 부분 devDependencies > 사용해야할 모듈들(설치된) 내부적으로는 package-lock.json에 표시 #.main.js -vue 처음 실행되는 파일 #.생성 Manually select features ->위아래 이동 이동키, 선택 space bar *Babel : 최신 js 문법을 써도 구 버전 js에서도 작동할 수 있게 *PWA : 모바일처럼 웹을 구현할 수 있게.. 2023. 1. 19. [Vue]11.14 VUEX Vuex -vue.js application 상태(data)관리패턴+라이브러리 -모든 컴포넌트들의 중앙 저장소 역할 이전에 사용한 방식 Vuex 공식문서 사이트 - https://v3.vuex.vuejs.org/kr/ Vuex가 무엇인가요? | Vuex Vuex가 무엇인가요? Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 입니다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 v3.vuex.vuejs.org State - data 이전 vue에서는 데이터 변경은 methods 호출 -> vuex - Actions(비동기(axios)),Mutations(동기/data변경) *Actions에서 State로 data변경은 권장하지않는.. 2022. 11. 14. 221107. Vue.js 1107수업 mysql cmd 접근 mysql -u ssafy -p >password db목록조회 show databases; 테이블목록조회 show tables; ##Vue method -Vue instance는 생성과 관련된 data 및 method의 정의 가능 -method 안에서 data를 this.데이터이름 으로 접근 가능 ##Vue.filter -화면에 표시되는 텍스트의 형식을 쉽게 변환해주는 기능 -중괄호 보간법[ {{ }} ] 또는 v-bind속성 사용가능 filter {{message - data | capitalize - filter name}} filter chaining 가능 ( | filter | filter ) webcomputed - test21 21_1 2022. 11. 7. 이전 1 2 다음
