点击右上方红色按钮关注“web秀”，让你真正秀起来！

前言

通过前面的一篇文章，微信小程序组件化开发框架wepy 学习（一），大家搭建wepy环境应该没有问题了，可以自己去尝试一下，很简单的。

下面来具体讲讲wepy页面与组件直接有哪些东西。

文件

文件结构 文件结构类似 Vue 文件 扩展名为 .wpy

<template>
 <!--渲染模板 对应wxml -->
</template>
<script>
 // 脚本 对应 .js
</script>
<style>
 /*样式 对应 wxss*/
</style>

文件类型 文件类型声明与<script>有关

声明为app 即原生入口app.js，有且仅能声明一个。 声明类继承 wepy.app 即可。如下：

声明为page页面时， 页面为 无组件页面 ，声明类继承wepy.page即可。如下：

声明为组件页面时，页面为组件页面， 声明类继承wepy.component即可。如下：

组件

定义父页面，引入组件propData，并装载

components = { 
 pro: PropData
};

这里演示了，父页面给子组件传入‘valueText’参数。同时，子组件调用父组件‘confirm’方法，并传入参数。