大前端时代 当原生APP碰上Vue2.0(续)

在上篇开篇中描述了接触Vue2.0的背景以及在文末提到了Vue的几大特点,今天本文将主要围绕. 组件化&&MVVM 这2个特点用购物车页面来论证。至于易上手,你看完成这项目的实际工期就懂了QAQ,下面进入正题。
先看下效果图,可看到图中有很多方块,颜色相同的表示同一种component(组件),单选按钮另外算一种,表示颜色不够 = =!

大前端时代 当原生APP碰上Vue2.0(续)_第1张图片
购物车.png

由上图看出一个总的页面下(看成最外层的组件),有子组件,而子组件下还有子组件,这和iOS的 不正是同个道理吗?

  //...
 [B addSubView C];
 [A addSubView B];

然后再来看下代码架构


大前端时代 当原生APP碰上Vue2.0(续)_第2张图片
购物车代码文件架构.png

简单贴下蓝色框组件的代码吧





好了 关于这边的东西也实在没啥好写的,俗话说语言都是相通的,学好一门的话其它语言也蛮快的 ,只是要的东西或者编程思想用不同语言不同语法表达出来而已,意识流操作哈哈哈。
以上!

你可能感兴趣的:(大前端时代 当原生APP碰上Vue2.0(续))