理解为主
- Vue的编程设计模式应该叫mvvm的设计模式。
- Vue是面向数据编程,程序中定义了数据,然后定义了模板,Vue就可以把数据和模板自动进行关联,然后挂载到真实的DOM上,展示给用户。
mvvm解释:
第一个m代表model数据,第一个v代表view视图,最后两个字幕代表viewModel视图数据连接层。
<script>
const app = Vue.createApp({
data() {
return {
message: 'jspang.com' //1.在这里定义了数据,也就是`model`数据
}
},
template: "<h2>{{message}}</h2>" //2.在这里定义了模板,也就是`view`,
//定义后的自动关联,就叫做`vm`,viewModel数据视图连接层。
})
app.mount("#app")
</script>
model数据和view模板都是我们自己定义的,但是vm是Vue自动给我们关联的。