Vue.js 인스턴스(Instance)란?

츄르사려고 코딩하는집사입니다.

Vue.js 프로그램을 개발하는 방법은 아래와 같이 쉽게 템플릿을 만들어 사용할 수도 있습니다.

<!DOCTYPE html>
<html>
<head>
    <script>
    //vue.js 스크립트
    </script>
</head>
<body>
    
</body>
</html>

하지만, Vue.js에서는 겍체와 인스턴스, 컴포넌트를 만들어 사용하곤 합니다. 즉, 아래와 같이 Vue 객체를 만들 수 있습니다.

이 아래의 Vue 객체는 최상위 객체로 동작하기 때문에, 루트 컴포넌트라고도 합니다.

new Vue({
	// 옵션 및 컴포넌트
})

new Vue({
    el: '#app',
    template: '',
    data: {},
    props: [], // {}
    methods: {},
    computed: {},
    watch: {}
});

그래서, Vue 프로젝트를 만들 때 먼저 Vue 객체를 통한 인스턴스를 생성하고 시작합니다.

var vm = new Vue({
  // 옵션
})

[Vue.js] 이클립스에서 Vue.js CDN 설정하는 방법(HTML) (1)	2023.04.25
[Vue.js] Vue.js에서 CDN caught TypeError: Vue is not a constructor 에러 해결 방법 (1)	2023.04.25
[Vue.js] 이클립스에서 Vue.js 개발 환경 세팅하는 방법 (0)	2023.04.18
[Vue.js] 윈도우 10(Windows 10)에서 Vue.js 설치하는 방법 (0)	2023.04.18
[Vue.js] Vue.js란? (0)	2023.04.18
Vue.js 프로젝트 시작하기(디렉토리 파악하기) (0)	2021.08.01
[Vue.js] Vue.js 이론 요약 (0)	2021.05.16
[Vue.js] Vue Instance 생성 (0)	2021.05.14