Study/Vue
v-model 속성은 v-bind와 v-on의 기능을 합쳐놓은 문법입니다. input, checkbox, selectbox, textarea 와 같은 태그에서 value값을 실시간으로 전달해줍니다. {{ text }} 컴포넌트에 v-model 사용하기 VueInput.vue 컴포넌트(자식) App.vue (부모) ID : {{ inputId }}
2021. 5. 6.
v-bind는 뷰 인스턴스 데이터 속성을 html 태그에 v-bind를 입력하여 간단하게 연결하여 사용할 수 있습니다. v-bind를 쓸수있는 대표적인 속성 v-bind:style //style 데이터 바인딩 v-bind:class //class 데이터 바인딩 v-bind:src //이미지 src 데이터 바인딩 v-bind:href // 링크 데이터 바인딩 v-bind:key // key 데이터 바인딩 v-bind대신 :style, :class 이런식으로 줄여쓸 수도 있습니다!
Vue CLI는 Vue 개발환경을 설정할수있게 해주는 도구이며, CLI를 이용하여 쉽게 프로젝트를 셋팅할 수 있게 해줍니다. 1. npm 또는 yarn 이 설치되어 있어야 합니다. npm install -g @vue/cli or yarn global add @vue/cli 2. 설치 후 vue version 확인 했을때 버전이 나오면 정상적으로 설치 된것입니다. vue --version 3. 프로젝트 생성 vue create 프로젝트 이름 4. 필요한 라이브러리로 선택합니다. 5. 설치 완료 후 페이지를 확인합니다. yarn serve 하면 아래와 같이 url이 뜹니다. 클릭한 뒤 들어가 보면 vue.js 페이지가 잘 보이는것을 확인할 수 있습니다! :) issue 랄것도 없는 issue yarn ser..
