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、简单的组件中的传值

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

最新文章

  1. for 循环打印图形
  2. 关于iis8.5中发布的网站无法连接数据库的解决方案。
  3. golang实现随机数
  4. Total Commander 常用快捷键(并附快捷键大全)
  5. Pandas将中文数据集转换为数值类别型数据集
  6. Qt make clickable label 制作可点击的Label控件
  7. 使用sed,awk将love转换成LOVE,将CHINA转换成china
  8. 低噪声APD偏置电路
  9. Oracle删除所有表
  10. 统计学习导论:基于R应用——第二章习题
  11. Android设备的ID
  12. 设计模式 之 Organizing the Catalog 组织目录
  13. [原]iOS Makefile Template
  14. h3c dhcp snooping
  15. 关于hession 随笔
  16. 关于mysql中的数据查询—嵌套查询
  17. [IOS][已越狱]配合网易云音乐,使用Bridge快速免iTunes导入音乐到“音乐”
  18. Play框架--初学笔记
  19. appium---第二个脚本,定位页面元素
  20. VB脚本错误,系统找不到制定的文件 。代码:80070002

热门文章

  1. 【转】mac os x配置adb命令的方法,苹果电脑设置adb命令的方法
  2. [LC] 268. Missing Number
  3. SpringMVC源码剖析1——执行流程
  4. C# SerialPort 读写三菱FX系列PLC
  5. ArrayList查找和添加元素问题
  6. vue项目实例-常用标签
  7. Nginx 原理和架构
  8. hibernate lazy属性参数说明
  9. RESTFUL Level&HATEOAS
  10. 实现 add()(1,2)(3,4)(7,8,9)()