頁面模板:
<template>
<view class="basic">
basic
</view>
</template>
<script>
import wepy from 'wepy';
export default class Basic extends wepy.page {
config = {
navigationBarTitleText: ''
};
components = {
};
data = {
};
methods = {
};
onLoad () {
}
onShow () {
}
}
</script>
<style lang="less">
.basic {
}
</style>
組件模板:
<template>
<view>
basic
</view>
</template>
<script>
import wepy from 'wepy';
export default class Basic extends wepy.component {
props = {
// placeholder: {
// type: String,
// default: '請輸入要搜索商品的名稱'
// }, // 搜索框的提示詞
};
data = {
};
methods = {
};
}
</script>
mixin 模板:
// mixins/test.js
import wepy from 'wepy';
export default class TestMixin extends wepy.mixin {
data = {};
methods = {};
onShow () {}
}
// 引用
import TestMixin from './mixins/test';
mixins = [TestMixin];
常用for 循環(huán)翔试,組件循環(huán)要用repeat
<block wx:for="{{ star }}" wx:for-item="i" wx:for-index="tab_i" wx:key="index">
</block>
<!-- 注意,使用for屬性,而不是使用wx:for屬性 -->
<repeat for="{{list}}" key="index" index="index" item="item">
<!-- 插入<script>腳本部分所聲明的child組件,同時傳入item -->
<child :item="item"></child>
</repeat>