01 뷰 인스턴스 생성
뷰 인스턴스란?
뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위,
new Vue()로 인스턴스를 생성할 때 Vue를 생성자라고 부름 -> 생성자를 사용하는 이유는 뷰로 개발할 때 필요한 기능을 생성자에 미리 정의해 놓고 사용자가 그 기능을 재정의하여 편리하게 사용 하도록 하기 위해서
인스턴스가 객체보다는 큰 의미로 객체는 인스턴스의 한 종류,
그 객체가 메모리에 할당되어 실제 메모리를 차지하는 것을 인스턴스
생성자란?
객체를 새로 생성할 때 자주 사용하는 옵션과 기능들을 미리 특정 객체에 저장해 놓고, 새로 객체를 생성 할 때 기존에 포함된 기능과 더불어 기존 기능을 쉽게 확장하여 사용하는 기법. 일반적으로 객체 지향 프로그래밍에서 사용하는 객체 정의 방식으로 미리 정의된 속성과 메서드를 재활용하기 위해 사용
뷰 인스턴스 생성
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>vue2</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">{{ name }}</div>
<script>
new Vue({
el: '#app',
data: {
name: '뷰 테스트',
}
})
</script>
</body>
</html>결과화면
Hello!