Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- socket io
- crud
- SSA
- merge
- EC2
- dict
- TypeScript
- async
- NeXT
- 채팅
- Vue
- pandas
- AWS
- lambda
- 중급파이썬
- git
- node
- RDS
- Class
- flask
- docker
- 튜플
- react
- 카톡
- S3
- SAA
- wetube
- 파이썬
- Props
- MongoDB
Archives
- Today
- Total
목록vue 기초 (1)
초보 개발자
Vue 기초 1
간단히 CDN으로 VUE script를 추가하여 html에서 바로 VUE를 사용할 수 있다. 아래의 주소를 html에 넣으면 된다. 뷰 생성 먼저 div#hello를 만든 뒤 script에 new Vue를 통해 인스턴스를 만들고, 그 안에 el에 css 셀렉터로 div의 아이디 값인 #hello를 적어주면 div#hello안에는 이제 Vue를 사용할 수 있게 된다고 한다. 따라서 hi라는 data를 넣어서 잘 동작하는지 확인해보자! 아래는 html을 브라우저에서 실행시킨 화면이다. 잘 출력이 되는 걸 확인할 수 있다. 메서드 메서드도 만들어서 사용할 수 있다. 데이터를 조금 수정한 뒤에 메소드에서 데이터를 사용해보려고 한다. 다른 곳에서 data나 method에 접근하려면 this 키워드를 적어주면 가능..
vue.js
2022. 4. 1. 00:09