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 |
Tags
- wetube
- 파이썬
- S3
- 튜플
- Props
- 채팅
- TypeScript
- RDS
- lambda
- 카톡
- Class
- MongoDB
- dict
- SSA
- async
- react
- node
- flask
- pandas
- EC2
- crud
- Vue
- socket io
- docker
- AWS
- 중급파이썬
- SAA
- NeXT
- merge
- git
Archives
- Today
- Total
목록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