前端面试——Vue篇（什么是MVVM ？）

MVVM即M、V、VM，M是model模型，V是视图，VM是视图模型，在vue文件里，M是指data中的数据，V是div里的内容，VM是vue实例。Vue是实现了双向绑定的MVVM框架，当视图改变更新模型层，当模型层改变更新视图层。在vue中，使用了双向绑定技术，就是view的变化能实时让model发生变化，而model的变化也能实时更新到View。

举个例子：

（1）M：模型（Model）：对应data中的数据

（2）V：视图（View）：模板

（3）VM：视图模型（ViewModel）：Vue实例对象

        <!-- 视图view -->
        <div id="root">
            <h1>学校名称：{{ name }}</h1>
            <h1>学校地址：{{ address }}</h1>
        </div>


        <script type="text/javascript">
            // 阻止显示生产模式的信息
            Vue.config.productionTip = false

            
            // 视图模型ViewModel
            const s = new Vue({
                el:'#root',
                data:{
                    // 模型Model
                    name:"河南工程学院",
                    address:"郑州"
                }
            })
        </script>