zoukankan      html  css  js  c++  java
  • 第二章、 Vue 起步

    2-2.编写hello world

     首先创建vue实例,然后实例接收一些配置项,el表示实例负责管理的区域,data表示区域内的数据

     两秒后内容变为bye world 其中app表示实例对象,$data表示实例对象所管辖的区域的数据。

    2-3 TodoList

      v-for循环指令,可以帮助我们循环数据,list指data里面的list数据,item指循环过程中每一项的内容。

     可在console中可调试,可改值。数据双向绑定调试

    2-4MVVM

    传统的开发模式MVP设计模式,代码分为三层,Model==>数据层(一般是用ajax获取的远程数据)   View=>视图层(指html结构)   Presenter==》控制层(业务逻辑相关的==》操作dom或者用ajax去获取数据)

     视图层(View)发出事件交给控制器(Presenter),控制器要么去获取(ajax)数据(Model)要么去操作dom(view)

    MVP开发模式代码如下:

     

     MVVM模式

     实例中操作的是Model

    主要操作是Model,操作的是数据层及视图层。大大减少dom的操作。

    2-7、简单的组件中的传值

     

    父组件通过属性传值,子组件通过事件传值。

  • 相关阅读:
    POJ2299--树状数组求逆序数
    每周总结
    2016湖南省赛--A题--2016
    ACM暑期训练总结
    jQuery实现拖动布局并将排序结果保存到数据库
    TP3.2整合kindeditor
    TP3.2整合uplodify文件上传
    Sublime Text3 使用
    ThinkPHP AJAX分页及JS缓存的应用
    Thinkphp分页类使用
  • 原文地址:https://www.cnblogs.com/qdwz/p/12242410.html
Copyright © 2011-2022 走看看