zoukankan      html  css  js  c++  java
  • vue笔记3——双向绑定

    vue是基于MVVM模式的。

    MVVM模式:

       Model:负责数据存储
       View:负责页面展示
       View Model:负责业务逻辑处理(比如ajax请求等),对数据进行加工然后交给视图展示

    ajax请求中,先请求php页面,得到php响应之后触发回调函数,同时把php页面中的数据作为参数填装到回调函数,回调函数中的操作就称之为业务逻辑,业务逻辑中可能会对当前返回的一些数据进行加工处理,最终把数据呈现到页面上,业务逻辑这个过程中,既要进行数据的包装处理,还要进行视图层面的代码处理,因此业务的操作跟视图的操作融合在一起,影响后续的维护。

    因此MVVM就将业务逻辑跟视图操作分开来了

    就像Hello World 展示的那样,

    <div id="app"></div>是view层,

     new Vue({.....})是view Model层,通过vue.js(使用v-model这个指令)完成中间的model层逻辑,实现绑定的效果。改变其中的任何一层,另外一层都会改变。

  • 相关阅读:
    requests模块
    Html5五子棋
    html5学习之旅第一篇
    Vue.js学习和第一个实例
    electron安装到第一个实例
    mongodb学习-练习实例
    nosql学习一
    csv内存流文件流
    关于Vue中img的src属性绑定的一些坑
    java中的==操作符和equals函数
  • 原文地址:https://www.cnblogs.com/endlessmy/p/8353218.html
Copyright © 2011-2022 走看看