ivx开发小程序

小程序正式发布后，越来越多的开发者开始探索小程序的开发。其中，使用iview-weapp框架开发小程序成为了一个热门的选择。在本文中，我将向您介绍iview-weapp框架的原理和用法。

iView-Weapp框架是基于Vue.js框架来开发的一套小程序组件库，其中包含了诸如按钮、表格、表单等常用组件。而iView-Weapp框架依赖于微信原生的组件开发，所以我们需要在微信开发者工具中启用”使用npm模块“。

首先，我们需要执行以下代码，将iView-Weapp框架添加到我们的小程序项目中：

```

npm install iview-weapp --save

```

然后，我们需要在小程序项目的app.json文件中，添加以下配置项信息：

```json

{

"usingComponents": {

"i-button": "iview-weapp/button/index"

}

}

```

其中，我们添加了一个”i-button“组件（iView-Weapp框架的组件），并指向了组件的文件路径。因此在小程序中，我们可以使用以下的方法调用iView-Weapp的button组件：

```html

Hello World

```

除此之外，我们还可以更深入地了解iView-Weapp框架。在iView-Weapp框架中，每个组件均可包含不同类型的属性，如type、size、plain、shape等等，这些属性被用于控制组件的样式和行为。此外，每个组件还拥有自己的API。例如，我们可以通过以下代码控制Loading组件的显示：

```html

显示 Loading

```

```javascript

Page({

data: {

showLoading: false

},

showLoadingHandle() {

this.setData({

showLoading: !this.data.showLoading

});

}

});

```

在这段代码中，我们使用了小程序中的bindtap绑定了showLoadingHandle方法。而这个方法中，我们使用了小程序提供的setData方法，用来更新小程序中的showLoading数据。在组件中，我们使用了show属性来控制Loading组件的显示。

总结一下，使用iView-Weapp框架来开发小程序，需要在小程序项目中添加iView-Weapp框架，并在app.json文件中配置组件信息。此外，我们还需要了解每个组件拥有的属性和API，才能更好地了解和使用iView-Weapp框架。

希望以上内容能帮助到您了解iview-weapp框架的原理和用法，欢迎您使用iView-Weapp框架，省去手写自定义组件的繁琐工作，提高小程序的开发效率。