🖥 dev-ruby

[Vue] #5 - 상품목록 만들기 본문

Vue

[Vue] #5 - 상품목록 만들기

ruby_s 2021. 8. 6. 11:14
728x90
반응형
SMALL

1. export/import 문법 쓰는 법

변수를 내보내겠다는 뜻

export default 변수명;

변수를 받겠다는 뜻

import 변수명 from '경로';

데이터를 내보낼 파일에서 export를 해줘야 다른 파일에서 import해서 쓸 수 있다

1-1. 변수를 import하고 사용하지 않으면 에러가 난다

2. 여러개의 변수를 export/import하는 법

export {변수1, 변수2, ...} import {변수1, 변수2, ...} from '경로';

3. 데이터 갖다 쓰는법

import data from '경로'; one : data,

3-1. object원하는 항목 사용하기

one[i].title one[i].price

4. HTML태그 안의 속성 데이터 바인딩

:src="" or :href=""

HTML태그 안의 내용 데이터 바인딩

{{ 변수 }}

728x90
반응형
LIST

'Vue' 카테고리의 다른 글

[Vue] #7 - 컴포넌트  (0) 2021.08.06
[Vue] #6 - 모달창 내에 상세페이지 만들기  (0) 2021.08.06
[Vue] #4 - 동적인 모달창 만들기  (0) 2021.08.06
[Vue] #3 - 이벤트 핸들러  (0) 2021.08.06
[Vue] #2 - v-for문 사용하기  (0) 2021.08.06