MVVM 模型

MVVM模型
●M：模型 Model，data中的数据
●V：视图 View，模板代码
●VM：视图模型 ViewModel，Vue实例

观察发现
●data中所有的属性，最后都出现在了vm身上
●vm身上所有的属性及Vue原型身上所有的属性，在 Vue模板中都可以直接使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="../js/vue.js"></script>

</head>
<body>
    <div id="root">
        <h1>名称:{{name}}</h1>
        <h1>學校:{{address}}</h1>
   </div>

    <script type = 'text/javascript'>
        Vue.config.productionTip = false
        new Vue({
            el:'#root',
            data:{
            name:'哈哈',
            address:'尚硅谷'
            }
        })
    

    </script>
</body>
</html>

04、MVVM模型 数据代理

MVVM 模型

04、MVVM模型数据代理