wepy开发小程序踩过的深坑

Wepy是一个基于Vue.js的小程序开发框架,由WePY团队开发维护,其使用方式与Vue.js非常相似,使用Wepy可以快速搭建小程序并实现简单的逻辑操作。

在Wepy开发过程中,我也遇到了一些问题和坑,下面分享给大家:

1. Wepy的生命周期函数有所不同

与Vue.js不同的是,Wepy的生命周期函数有所不同,需要注意各个生命周期函数的触发时机和作用,如onLoad只会在页面第一次加载时触发,onShow每次页面显示时触发,onReady在页面渲染完毕时触发。

2. Wepy的模板语法也略有不同

Wepy与Vue.js使用的模板语法相似,但有些略有不同,例如v-for循环中,需要加上key属性才能正常遍历,如下:

```html

```

3. Wepy使用Promise异步编程

Wepy采用的是Promise异步编程模式,需要注意异步操作的执行顺序和错误处理,如下:

```javascript

import wepy from 'wepy';

export default class MyMixin extends wepy.mixin {

async getUserInfo() {

try {

const data = await wepy.getUserInfo();

console.log(data);

} catch (error) {

console.log(error);

}

}

}

```

4. Wepy的事件绑定需要注意

Wepy的事件绑定与Vue.js相似,但需要注意事件传递的参数问题,如下:

```html

```

5. Wepy的样式问题需重点关注

Wepy在处理样式问题时,需要遵循小程序的样式规则,需要注意选择器的优先级和继承问题,如:

```css

.my-class .sub-class {

color: red;

}

```

6. Wepy的组件化开发需要注意细节

Wepy的组件化开发需要注意细节,如组件之间通信、数据传递、组件的生命周期等,需要在实践中不断学习和总结。

以上就是我在Wepy开发过程中踩过的一些深坑和问题解决方案,希望对大家有所帮助。