zoukankan      html  css  js  c++  java
  • 小程序中的组件化理解

    经过小程序的不断更新迭代,现在的组件化思想越来越接近其他前端框架的思想了,下面稍小结一下:

     一、template的理解与应用:

    1、小程序中的template,首先在一个页面中定义一个模块

    2、然后再另一个页面中进行引用,注意此时的属性是is。

    3、特别注意:这种template的引入需要把css也要复制到要引用的页面。所以,用起来也比较麻烦,总体用的少。

    二、include的用法:

     include的用法和template的用法一样,只是include引入的是整个页面的html,当然也是需要把css也引入,所以,项目中用的也少。

    三、真正的组件化:

    经过迭代,小程序终于实现了组件化的用法,类似于vue的组件化的用法,下面简单概要一下用法

    步骤1:

    首先新建一个用来盛放组件的文件夹,

    步骤2:

    在新建的文件夹里面,具体新建某一个组件,微信官方给出了快速建的方法。

    3、然后在组件里面随便写的内容练习

    4、具体组件里面要进行json配置如下,当然默认就是true

    5、父组件引用组件

     如下图,在父组件所在的html中我们进行如下配置:

    6、关于如何进行父组件给子组件进行传值

      父组件随便加一个属性,然后后面加上要传递的数据

     子组件通过下面方式进行接收到参数,然后就可以进行数据渲染。

      

    7、关于如何进行子传父组件:

      通过事件,子组件传参数给父组件

      

       然后父组件进行接收到这个事件,然后把子组件传给的值拿到手即可。

  • 相关阅读:
    ELF BIN HEX[zz]
    电路、信号和PCB设计
    ADHelper中AD属性赋值的修正
    发布一个图片库轮显WebPart
    MOSS的ItemUpdated执行了10次,您碰到了吗?
    InfoPath 保存时自动生成文件名
    最新版WSS3.0 SDK
    自定义MOSS网站的masterpage
    自定义InfoPath数据验证有效性
    (暂时)解决InfoPath一直显示“installing”问题 续
  • 原文地址:https://www.cnblogs.com/teamemory/p/8126321.html
Copyright © 2011-2022 走看看