# 인스턴스 소개
var vm = new Vue();
<body>
<div id="app">
<!-- ... -->
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> //vue 참조
<script>
// var options =
var vm = new Vue({ //Vue 인스턴스를 생성
el: '#app', //Element를 매핑
data: { //Data 바인딩
message: 'hi'
},
methods: {
},
created: function() {
}
});
</script>
</body>
# 인스턴스와 생성자 함수
생성자 함수의 약속 함수이되, 대문자로 시작하는 함수는 생성자이다.
function Vue() {
this.logText = function() {
}
}
var vm = new Vue()를 사용하는 이유 이미 정의된 함수를 사용하기 위함
# 인스턴스 옵션 속성
new Vue({
el: '#app',
template:,
data : {
},
methods: {
},
created: function() {
}
})
'[DEV] App Dev ∕ Web Front > Framework ∕ Vue' 카테고리의 다른 글
| [vue.js] 뷰 라우터 (0) | 2020.12.02 |
|---|---|
| [vue.js] 컴포넌트 응용(같은 컴포넌트간 전달) (0) | 2020.12.02 |
| [vue.js] 컴포넌트 통신 (0) | 2020.12.02 |
| [vue.js] 컴포넌트 (0) | 2020.12.02 |
| [vue.js] 소개 (0) | 2020.12.01 |
최근댓글