文档章节

微信小程序之:wepy(二)

o
 osc_n6euf5h6
发布于 2019/03/19 23:36
字数 498
阅读 10
收藏 0

精选30+云产品,助力企业轻松上云!>>>

一大堆实例:人家的博客园

代码规范:

1、尽量使用驼峰命名,避免使用$开头,框架内建属性都已$开头,可以使用this直接调用。

2、入口文件、页面、组件后缀都为.wpy。

3、使用ES6语法开发。

4、使用Promise。启用Promise方法

5、事件替换:由原来的bindtap='click'替换为@tap='click',catchtap='click'替换为@tap.stop='click'。更多@用法,自定义事件

6、事件传参优化@tap='click( {{ index }} )'。

7、功能标签<repeat>。

主要功能特性

 

开发模式转换

mvvm框架

原生代码和基于wepy代码的区别。和vue一样有绑定模板的数据列表、方法的集合、生命周期函数

 

支持组件化开发

可以引入外部的组件。

自定义组件:

组件:class Com extends wepy.component{  }

page:import引入、components调用、标签使用<com />

 

支持加载外部npm包

node_modules

 

单文件模式,目录结构清晰

page.wpy

 

默认使用babel编译,支持es6、es7

修改wepy.config.js配置文件,配置熟悉的babel环境开发。

 

实例化

 

import wepy from 'wepy';

// 声明一个App小程序实例
export default class MyAPP extends wepy.app {
}

// 声明一个Page页面实例
export default class IndexPage extends wepy.page {
}

// 声明一个Component组件实例
export default class MyComponent extends wepy.component {
}

 

可以通过this.$parent来访问app实例。

 

方法、数据声明

methods只可以声明wxml中bind、catch声明的方法,自定义方法customFunction与methods平级。

data中放置wxml中绑定的数据,自定义数据customData与data平级。

 

方法调用

this.methods.xxx来调用当前页面的方法。

this.$parent.methods.xxx调用公共的方法。

也可以封装JS调用

 

循环渲染

for={{ list }}  key='index'  index='index'  item='item'

 

conpoted计算属性

和vue一致。computed

 

watcher监听器

和vue一致;属性名,newV,oldV,

 

props传值

类型string

父组件传递给子组件:<child title='mytitle'></child>

子组件接收:props{ title:String } //键:类型

子组件调用:console.log(this.title)

 

 

 

 

 

 

.....

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
微信小程序框架探究和解析

何为框架 你对微信小程序的技术框架了解多少? 对wepy 框架进行一系列的深入了解 微信小程序框架解析和探究 小程序组件化框架WePY 在性能调优上做出的探究 开发者培训班上海专场PPT分享:小程...

极乐小程序
2019/04/04
9
0
常用小程序开发框架浅析

版权声明:本文为EnweiTech原创文章,未经博主允许不得转载。 https://blog.csdn.net/English0523/article/details/88342619 小程序第三方框架对比 ( wepy / mpvue / taro /Mpx /OKAM) 众所周...

天府云创
2019/03/08
0
0
微信小程序组件探究和应用

1111.jpg 把玩微信小程序组件 微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 微信小程序把玩《三》:scroll-view组件,swiper组件,icon组件 微信小程序把玩《四》:tex...

极乐小程序
2019/04/04
2
0
做了2年程序开发,如何才能走出“低薪事多”的打杂阶段?

转眼,2019年已经过去一大半了。 这半年,你过得怎么样?新的热点技术学会了吗?写的代码还有bug吗?头发还好吗?还记得年初的Flag吗? 你是不是想大喊:我学不动了? 成年人的世界没有“容易...

APPx
2019/09/23
34
0
微信小程序之第三方UI框架

一、WeUI WXSS WeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。 GitHub地址:https://github.com/Tencent/weui-wxss; npm下载:; 二、iView WeApp iView...

啊美景
02/16
53
0

没有更多内容

加载失败,请刷新页面

加载更多

为什么从HBase的0.96版本开始,舍弃了-ROOT-文件?

HBase结构的读写流程 (1). HBase0.96版本之前: (2). HBase0.96开始: a. 当客户端获取到.meta文件的位置之后,会缓存.meta.文件的位置 b. 客户端还会缓存HRegion的位置 -ROOT-存在的意义: ...

其乐m
43分钟前
18
0
volatile关键字对 - What is the volatile keyword useful for

问题: At work today, I came across the volatile keyword in Java. 今天的工作中,我遇到了Java中的volatile关键字。 Not being very familiar with it, I found this explanation: 不太熟......

技术盛宴
48分钟前
25
0
golang 封装 mysql 和 redis 连接

Mysql封装 package dbimport ("fmt"_ "github.com/go-sql-driver/mysql""github.com/jmoiron/sqlx")var DB *sqlx.DBfunc init(){database, err := sqlx.Op......

开源中国最牛的人
49分钟前
21
0
pdfbox 读取文件报错 java.io.IOException: Page tree root must be a dictionary

pdfbox java.io.IOException: Page tree root must be a dictionary 示例代码 public static void main(String[] args) { try (InputStream sampleInputs = new ClassPathResource("s......

lemos
57分钟前
28
0
整理 Linux下列出目录内容的命令

在 Linux 中,有非常多的命令可以让我们用来执行各种各样的任务。当我们想要像使用文件浏览器一样列出一个目录下的内容时,大家第一时间想到的是 ls 命令。但只有 ls 命令能实现这个目的吗?...

良许Linux
58分钟前
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部