Skip to content

Chaunjie/wexp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

微信小程序开发框架wexp文档

快速入门指南

使用 npm 创建 wexp 项目

这里就不介绍安装和创建项目了,详情可以查看安装和创建项目教程

API

page

参数 说明 类型 使用方法 参数
$parent 页面通过该参数可以直接获取到小程序全局信息 Object this.$parent
$getCurrentPage 页面通过该方法可以直接获取到当前页面上下文信息 Function this.$getCurrentPage()
$query 页面通过该方法可以直接获取到dom信息(注意返回的是一个promise对象) Function this.$query('#id') 需要选择的dom的id或者class
$route 页面通过该方法进行页面之间的跳转 Function this.$router(type, path, params) type:跳转的类型(navigate、redirect、switch)三种类型,分别代表(navigateTo、redirectTo、switchTab), path代表路径(例: '../login/index'), params代表参数(例:{name: 'xxx', id: 'xxx'})
$back 页面通过该方法进行页面退回 Function this.$back() num代表回退几个页面,默认num为1
页面支持使用watch和computed属性
computed = {
  getName () {
    const {obj} = this.data
    return obj.obj.name
  }
}

 watch = {
  page (newValue) {
    console.log(newValue)
  },
  arr (newValue) {
    console.log(newValue)
  },
  obj (newValue) {
    console.log(newValue)
  }
}

component

参数 说明 类型 使用方法 参数
$app 组件通过该参数可以直接获取到小程序全局信息 Object this.$app
$getCurrentPage 组件通过该方法可以直接获取到当前页面上下文信息 Function this.$getCurrentPage()
$query 页面通过该方法可以直接获取到dom信息(注意返回的是一个promise对象) Function this.$query('#id') 需要选择的dom的id或者class