wepy - 與原生有什麽不同（x.wpy)使用實例
阿新 • • 發佈：2018-10-31
shadow 分享 cloud ucc o-c cal .get hang index 
源碼
1 <template>
2 <view class=‘mark‘ wx:if="{{showMark}}">
3 <view animation="{{animationData}}" class="animCat">
4 <image src="http://osk1hpe2y.bkt.clouddn.com/18-5-30/34559443.jpg"></image>
5 </view>
6 <button open-type="getUserInfo" lang="zh_CN" @getuserinfo="onGotUserInfo" class="css-button">開始吧!</button>
7
View Code
頁面模板
<style>
</style>
<template>
<view>監聽值:{{num}}</view>
</template>
<script>
import wepy from ‘wepy‘;
let _page,_this;
export default class ep extends wepy.page {
data = {
num: 1
};
// 新的,引入了例如監聽watch，還有組件通訊等新概念...
watch = {
num(newValue, oldValue) {
console.log(`num value: ${oldValue} -> ${newValue}`);
}
};
onLoad() {
console.log(‘頁面加載‘);
}
onShow(){
console.log(‘頁面顯示!‘);
}
onHide(){
console.log(‘頁面隱藏‘);
}
onUnload(){
console.log(‘頁面卸載‘);
}
}
</script>
引入了組件化導入（相比小程序原生來說，強大很多） -> 源碼在上，演示如下
wepy - 與原生有什麽不同（x.wpy)使用實例