项目目录如图
其中src目录填写的app.wpy文件用于app注册
该app.wpy文件中 <config>
代码块用于注册页面信息 ,如下图表示有一个index的page
一、注册一个新的页面
注册一个新的页面,只需在src目录下的app.wpy文件中的<config>代码快的pages下新增一个页面,如:
pages: [ ‘pages/index‘, ‘pages/firPage‘ // 新增的页面,名为firPage ],
同时在src目录下的pages目录新增对应的wpy文件:firPage.wpy
在firPage.wpy中新增代码:
<script> import wepy from ‘@wepy/core‘ wepy.page({ // 选项 }) </script>
二、注册一个新的组件
在src目录下的components目录下新增一个文件:comA.wpy
编辑内容:
<!-- 组件 --> <script> import wepy from ‘@wepy/core‘ wepy.component({ // 选项 }) </script>
组件的使用:
在需要引用组件的页面配置中添加组件信息,如需要在 pages/firPage.wpy
页面中新增 comA
组件,则在 pages/firPage.wpy
的 <config>
块中添加如下信息:
<config> { "usingComponents": { "comA": "components/comA" } } </config>