MVVM模型和数据代理

本文介绍了Vue中v-bind的简写用法,以及MVVM模型(Model-View-ViewModel)的概念,重点讲解了如何通过数据代理利用Vue实例操作data对象的数据,包括使用Object.defineProperty实现getter和setter以管理数据的读写。
摘要由CSDN通过智能技术生成
  1. v-bind:动态绑定(引号里的会解析成表达式)可简写为:
    <a v-bind:href="url">我是链接</a>
    //简写
    <a :href="url">我是链接</a>

     2.MVVM模型:M-模型model,data中的数据

                              V-视图view,模板代码

                              VM-视图模型viewmodel-vue实例

    3.数据代理:通过vm对象来代理data对象中数据的操作(读/写)

       优点:更方便操作data中的数据

       具体操作:使用Object.defineProperty()把data对象中所有属性添加到vm上;

                        为每一个添加到vm上的属性都指定一个getter和setter;

                        在getter和setter内部去操作(读/写)data中对应的属性。

        

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值