MVVM模型

MVVM (Model-View-ViewModel) 是一种软件架构设计模式
M：代表模型Model，对应data中的数据
V：视图View （模版），其实就是html
VM： 视图模型（ViewModel） ，代表Vue实例对象

vm这个变量名来表示Vue实例
MVVM的总结：
1，vm中data中所有的属性，最后都出现在了vm身上。
2，2.vm身上所有的属性及Vue原型上的所有属性，在Vue模版中都可以直接使用。
我们在console中发现如下

以上验证了 vm中data中所有的属性，最后都出现在了vm身上
那么vm身上所有的属性及Vue原型上的所有属性，在Vue模版中都可以直接使用，我们该如何验证呢？
我们从上图可以看到vm实例中有一个options属性
那么是不是我们可以直接在模版中使用呢？

<div id="app">
            <!-- 以上两个都是vm的$属性 -->
             $options是: {{ $options }} 
        </div>
        <script >
            var vm = new Vue ({
                el:"#app",
                data : {
                    message: "我是data里面的message",
                    age: 23,
                },
            });
        </script>

我们在浏览器界面上可以看到
$options是: { “components”: {}, “directives”: {}, “filters”: {}, “el”: “#app”, “staticRenderFns”: [] }