
[Vue] Vue-project에서의 뷰 인스턴스 생성 ( feat. vue__WEBPACK_IMPORTED_MODULE_4__.default is not a constructor 에러 )
FrontEnd/Vue
2022. 2. 19. 18:22
지금까지 프로젝트에 적용했었던 Vue는 아래와 같았다. 1. 뷰컴포넌트 생성 2. 뷰 인스턴스 생성 3. dom에 뷰 인스턴스 부착 이걸 소스로 풀면 아래와 같이 되는데.. $(document).ready(function() { Vue.component('color-list',{ template : '내용', data () { return { //데이터 } }, methods : { //함수 } }); new Vue({ el : '#color' }) }); 이렇게 컴포넌트를 만들고 나면 반드시 아래에, 뷰 인스턴스를 생성하여, DOM의 특정 태그에 부착시켜 줘야 했었다. => new Vue 생성자를 통한 뷰 인스턴스 생성 근데 VScode로 Vue project를 만들어 공부를 하는데 뷰 인스턴스를 다음..