728x90
반응형
Vue에서 제공하는 api와 속성
기본적인 생성자 함수의 정의
Vue를 생성자 관점에서 찍어내는 이유
아래와 같이 Vue의 인스턴스를 사용하여서 객체를 생성할때마다, 함수를 정의하는 것이 아니라, 생성자를 사용하여서 사용할 수 있다.
인스턴스의 속성, API들
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<!-- ... -->
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var options = new Vue({
//app이라는 태그를 찾아서 인스턴스를 붙이겠다.
el: '#app',
data: {
message: 'hi'
},
methods:{
},
created: function() {
}
});
</script>
</body>
</html>
728x90
반응형
'Vue.js' 카테고리의 다른 글
| Level 1. 개발 환경 설정 (0) | 2020.12.28 |
|---|---|
| Level 1. Vue.js 소개 (0) | 2020.12.28 |
| Level 1. 컴포넌트 통신 방법 - 기본 (0) | 2020.12.28 |
| Level 1. 컴포넌트 통신 방법 - 응용 (0) | 2020.12.28 |
| Level 1. 컴포넌트 (0) | 2020.12.28 |
