当前位置: 首页 > Web前端 > vue.js

03-Vue数据单向传输和双向传输

时间:2023-03-31 19:50:11 vue.js

数据单向传输1.MVVM设计模式MVVM设计模式M中由3部分组成:Model数据模型(保存数据,处理数据业务逻辑)V:View视图(显示数据,与用户交互)VM:ViewModel数据模型和视图之间的桥梁(M是中文,V是美文,VM是翻译)MVVM设计模式最大的特点就是支持数据的双向传输。数据可以从M->VM->V传输,也可以从V->VM->M2分流。Vue中的MVVMVue其实是一个基于MVVM设计模式的View:受控区域ViewModel:Vue实例对象Model:data3。Vue中实例对象在数据的单向传递中,我们将“数据”交给“Vue实例对象”,“Vue实例对象”将数据交给“接口”Model->ViewModel->View

{{message}}

数据双向绑定Vue默认只支持数据单向传输M->VM->V但是,由于Vue是基于MVVM设计模式,所以也提供了双向传输的能力。在