1、MVVM模型

M:模型(Model)——對應data中的資料
V:檢視(View)——模板程式碼
VM:檢視模型(ViewModel)——Vue例項物件
<!-- View -->
<div id="root">
　　<h1>學校名稱，{{name}}</h1>
　　<h1>學校地址，{{address}}</h1>
</div>

<script>
　　Vue.config.productionTip = false

　　//ViewModel——中間的橋樑
　　var vm = new Vue({
　　　　el:'#root',
　　　　data:{
　　　　　　//Model
　　　　　　name:'前端',
　　　　　　address:'杭州'
　　　　}
　　})
　　// v.$mount('#root')
</script>

2、資料代理

通過vm物件來代理對data物件中屬性的操作(讀/寫)
Object.defineProperty方法
<script>
　　let person = {
　　　　name:'張三',
　　　　sex:'男',
　　}
　　Object.defineProperty(person,'age',{
　　　　value:18,
　　　　enumerable:true,//控制屬性是否可以列舉，預設值是false
　　　　writable:true,//控制屬性是否可以被修改，預設值是false
　　　　configurable:true,//控制屬性是否可以被刪除，預設值是false
　　　　get(){},//讀取——getter
　　　　set(){}//修改——setter
　　})
　　console.log(person)
</script>