基于wepy框架的page.wpy文件

最新推荐文章于 2023-03-08 22:19:04 发布

原创最新推荐文章于 2023-03-08 22:19:04 发布 · 303 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #wepy

小程序专栏收录该内容

2 篇文章

订阅专栏

本文介绍了使用Wepy框架构建的一个简单页面结构，包括页面的基本组成元素：自定义数据、方法、生命周期函数、配置对象、组件列表等，并通过示例展示了如何引入并使用自定义组件。

<script>
import wepy from 'wepy';
import Counter from '../components/counter';

export default class Page extends wepy.page {
    customData = {}  //自定义数据

    customFunction () {}  //自定义方法

    onLoad () {}  //在page和component共用的生命周期函数

    onShow () {}  //只在page中存在的生命周期函数

    config = {};  //页面配置对象，对应于原生的page.json文件

    components = {counter1: Counter};  //声明页面所引入的组件列表

    data = {};  //存放用于页面模板绑定的渲染数据

    mixins = [];  //声明页面所引用的Mixin实例

    computed = {};  //声明计算属性

    methods = {};  //声明页面wxml中标签的事件处理函数，自定义方法另行声明

    events = {};  //声明组件之间的事件处理函数
}
</script>

<template lang="wxml">
  <counter1></counter1>
</template>

<style lang="less"></style>