vue.js : string , html 데이터바인딩 (단방향)

string 데이터 바인딩

component 폴더 : 단위 ui , 재사용 가능한 component

views 폴더 : 페이지 단위, 화면 전체

 

tag 분리되어 관리 가능

templete :

html 태그 사용

전체를 묶어주는 최상위 태그를 사용해야한다

script : js

style scoped : css (해당 컴포넌트에서만 적용)

 

설정 후 data 함수 선언

 

문자열 데이터 바인딩

script 함수 내 key, value 값 설정

templete에 {{ key 값 }} 으로 바인딩

 

html 데이터 바인딩

div-vhtml ="key value" 로 바인딩

div 태그 내에 innerhtml로 데이터가 들어가게 됨

router /index.js 에 데이터 바인딩

vue 파일 추가 시, router에 연결해주어야함

webpackchunkname 이 동일할 경우 동일한 js 파일이 된다