MVVM在前端(web)使用

前端框架vue,MVVM模式

今天咱们不谈iOS,说说web(MVVM模式)。MVVM模式在前端开发应该还是挺多的，而vue就是比较典型的一种web框架。vue属于响应式编程，跟iOS ReactiveObjC类型。那下面我们就来基础使用一下。

//类似IOS view层
 <div class="bottomClassDiv">
   <div class="commitButtonDiv" @click="commitButtonClick">{{buttonText}}</div>
 </div>
//js代码
<script>
 data: function () {
        return {
         //按钮文字
          buttonText:"确定",
      }
 }
methods: {
        //点击按钮改变文字
        commitButtonDiv: function () {
            //改变按钮文字,这样就直接改变按钮的文字，也不需要调用系统api刷新，响应式编程是不是特别方便呢？
            this.buttonText = "取消按钮";
            //$emit是返回调用函数
            this.$emit("deleteClickCover", false);
        },
}
</script>