mvvm设计模式

理解为主

• 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自动给我们关联的。