用vue来理解什么是MVVM

1.M:模型（model） 对应data里面的数据

2.V:视图（view）：DOM视图页面

3.vm:(view model):Vue实例对象：里面的data Bindings把数据放到页面，里面的DOMListers:页面的改变返回数据，双向绑定

 <!--v:view部分-->
    <div id="root">
        <div>{{name}}</div>
    </div>

    //vm:(viewmodel)部分
        const vm = new Vue({
            el: '#root',
            // M:模型（model）部分
            data() {
                return {
                    name: "邓紫棋"
                }
            }
        });
        console.log(vm)
        //总结:data中所有的属性，最后都出现在了vue 实例身上
        //vue实例身上所有的属性，及Vue原型上的所有属性，在视图（view）模板中都可以直接使用