专栏首页Android干货WePY开发小程序(二):项目入口及注册页面、组件

WePY开发小程序(二):项目入口及注册页面、组件

项目目录如图

其中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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 浅谈Kotlin(二):基本类型、基本语法、代码风格

    听着music睡
  • Android项目实战(三十二):圆角对话框Dialog

    听着music睡
  • 安卓开发_时间、日期选择器的简单使用

    听着music睡
  • 在网站中加入google地图显示公司位置

    前几天出去谈了一个网站修改的需求,需求中客户提到要再网站上加上一个地图,显示公司所在位置,问能不能做。当时想了一瞬,答道:能,不过需要研究一下,这个东西比较复杂...

    the5fire
  • ActionScript语言基础 原

    ActionScript支持比JavaSctipt所支持的更新的ECMAScript标准实现版本。

    LeoXu
  • 后渗透学习笔记(一)

    攻陷了服务器,主机取得一定权限(可能不是很高)就开始进入了后渗透阶段 把对方机器打蓝屏重启有什么作用? 使得我们修改注册表等配置信息可以生效 windows的控...

    字节脉搏实验室
  • 根据矩阵变化实现基于 HTML5 的 WebGL 3D 自动布局

    HT_hightopo
  • 从零开始学人工智能-Python·决策树(四)·树

    作者:射命丸咲Python 与 机器学习 爱好者 知乎专栏:https://zhuanlan.zhihu.com/carefree0910-pyml 个人网站:...

    企鹅号小编
  • 根据矩阵变化实现基于 HTML5 的 WebGL 3D 自动布局

    在数学中,矩阵是以行和列排列的数字,符号或表达式的矩形阵列,任何矩阵都可以通过相关字段的标量乘以元素。矩阵的主要应用是表示线性变换,即f(x)= 4 x等线性函...

    HT for Web
  • 旅游市场回暖,同程艺龙借机“上位”?

    近期,旅游业热点新闻可不少,这边“大数据杀熟”被明令禁止,那边携程、飞猪、同程艺龙开启“百亿补贴”大战。而在消费端,憋了九个月的消费者纷纷预订机票、酒店、景点门...

    刘旷

扫码关注云+社区

领取腾讯云代金券