wepy 模板

页面模板:

<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 循环,组件循环要用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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 慢思考,顾名思义,就是让我们慢下来,思考。慢字,显得尤为重要。 在如今这个快节奏的时代,什么都讲究快。人人都想快一...
    美少女晓露阅读 256评论 0 4
  • 虽然一直告诉自己要勇于面对问题,解决问题。但是有时候真的很累。明知道应该怎么做,可是还是想逃避,不想去做。有时候疲...
    tiantian帅阅读 145评论 0 0
  • 爱上一个诗人 文/宋雨霜 没有任何理由,爱上一个诗人。爱他清贫的身影,爱他飘逸的长发,爱他挺拔的文字。 爱上一个诗...
    土家霜妹阅读 502评论 4 3
  • 你离开的时候烈日当空,你拖着行李箱头也没回,我伸手去拉拉你,拉了个空,连你的影子都走得飞快,正午的阳光刺得眼睛生疼...
    莞尔__阅读 404评论 0 2