반응형
vue.js 환경 설정 관련해서 봤는데 설치 어떤거 해야 하나 봤는데
책이나 예제를 봐도 거의 개발툴이 다 다른데...나는 vusial studio 2017이 설치가 되어 있어 일단 이걸로 되는지 해봤다.
visual studio 2017을 실행해서 기본 프로젝트를 만들었다.
안쓰는건 다 삭제하고...
WebForm1.aspx랑 main.js 파일을 추가 했다.
이렇게 하고 코딩을 해봤다...아무것도 모른다...그냥 이렇게 하면 되요~해서 따라했다...
WebForm1.aspx |
|||
|
main.js |
|||
|
결과화면
잘나온것 같다...
WebForm1.aspx에서 코드 라인 12번줄에 스크립트 선언구문 위치를 7번줄로 옮겨봤는데 안된다...
맞는지 모르겠지만...main.js에 서 Vue에 대해 인스턴스를 선언했는데 선언한 범위를 넘어가면 안되는것 같다...
div 태그에 id로 'app'라고 선언을 하고 Vue의 인스턴스를 선언해줬는데 그 영역 밖에서 실행이 되면 안됨...
main.js와 같이 코딩하는걸 인스턴스 라고 하는 기본 단위다.
1. app : 객체에 Vue의 생성자를 선언해서 app가 Vue에 있는 인스턴스를 사용하게 선언
2. el : 뷰 인스턴스가 보여질 곳을 선언,
3. data : godffs라고 해서 화면에 표시(정의)
인스턴스가 뭐냐고? 붕어빵...
반응형
'Vue.js | Node.js' 카테고리의 다른 글
| Quasar Framework setting 설치하기 (0) | 2019.09.15 |
|---|---|
| visual studio 2017에서 vue 프로젝트 생성 (0) | 2019.05.19 |
| Vue.js 시작... (0) | 2019.05.18 |
| 04.Node.js - MongoDB 연결하기 + 저장된 내용 출력하기 (수정) (7) | 2013.10.03 |
| 03.Node.js - MongoDB 설치 + 데이터 저장 (6) | 2013.04.29 |
Comments