zoukankan      html  css  js  c++  java
  • 组件化开发之vue

    今天写了写vue的组件化开发demo,有些小的心得。分享一下。

    组件化意味着代码可以复用,调用组件就可以了。然后可以通过组件调用组件的相关能力。

    例如以前我做组件化开发的一个小项目

    原生js组件的实现

    这就是一个网站了,网站分割成以页面为一级单位,组件为二级单位的一个格局,然后调用addPage(),addComponent()方法即可去生成网站,当然为了实现这个想法,我花了大概一周的时间,而且用了fullpage和jquery,如果用js去开发的话估计是上天的节奏。看完这个我觉得我的组件更类似于插件,因为这个组件集成的功能太多了

    这是其中的一个页面,组件实现了动画,dom,数据,重点是和fullpage是严重耦合的。也不能说不可以耦合,就是不好这个组件库限制多了一层。不好去使用他了。

    vue的组件

    vue做得比较不错的一点就是组件化开发,废话不多说,直接上代码

     

    首先假如后台取到的数据是这个样子的,而我们生成的代码是下边那种。

     

    于是乎我们就会去写代码,下边那种,两个组件,注入两条数据。

     

    组件下边那样子,通过v-for去拿到数据,展示出来

     

    然后vue中间结合,把数据放入作用域,作用域内可以调用数据。

    这样就搞定了,模板搭建,提供数据接口,vue把数据写入作用域,作用域内的组件拿到数据就ok了。然后形成html+数据的组件开发

  • 相关阅读:
    北大ACM 1008题—Maya Calendar
    C++ 输出彩色的控制台
    北大ACM 1003题—Hangover
    北大ACM 1009题—Edge Detection
    北大ACM 1004题—Financial Management
    北大ACM 1005题—I Think I Need a Houseboat
    Linux和win7双系统时间错误问题
    转化率极高的十个网站 怎样来提高转化率
    5次Shift粘滞键后门的应用
    单元测试基础知识
  • 原文地址:https://www.cnblogs.com/sowhite/p/6487269.html
Copyright © 2011-2022 走看看