微信小程序组件开发框架wepy的使用

wepy是类似vue风格开发微信小程序的微信小程序框架，相比原生的最大就是组件化的方式快捷开发模式，还有引入promise异步的写法，对网络请求的封装等比较友好的快速的开发模式，所以自己试着学习做一个简单项目开始。

WePY的安装或更新都通过npm进行。

全局安装或更新WePY命令行工具

npm install wepy-cli -g

在开发目录中生成Demo开发项目

wepy new myproject

进入项目目录

cd myproject

安装依赖

npm  install

开启实时编译

wepy build --watch

生成项目目录结构

目录文件简单介绍：
1、dist里面是自动编译出来的小程序项目文件，一般不用管，只为工具打开预览使用；
2、src是开发目录包括组件模板文件components、页面文件pages、还有入口文件app.wpy等一些开发目录；

开发工具预览请选择dist文件目录，打开前需要注意的是：

这是wepy官方的注意事项截图

基础的准备工作已经做完，接下来就开始做一个简单组件Demo
app.wpy相当全局配置文件大概的代码结构如下：

//css文件

pages里面有一个index文件就是页面文件，在这里可以写页面代码或者引入对应的组件

轮播组件页面：

这样一个使用wepy开发的一个轮播组件就完成了，数据可能要自己模板一下，才能使用。
官方文档：https://tencent.github.io/wepy/document.html#/