okam 小程序框架 -02(开发规范)

1、和 Vue 一样,使用单组件化方式开发,组件的后缀名可以是 okm 或者是 vue

2、小程序的 Page 基本是和自定义的组件是类似的,但 Page 没有 props 定义及 Page 有一些独有的生命周期钩子(onShow onHide)

3、定义组件或者属性的使用,不要使用 $ 来进行开头,一般以 $ 开头定义的会被认为是框架自有的属性或方法

4、属性名,方法等取名的时候不要重复,避免冲突

5、自定义组件:

<tempalte>
    <view>
        <text>自定义组件页面</text>
        <view>{{description}}</view>
        <button @click="changeDescription">改变description的值</button>
    </view>
</tempalte>

<script >
    import Home from './src/pages/home/index.vue'
    
    export default {
        config: { //原生小程序的配置
            title: '自定义组件页面'
        },
        components: { Home },
        data(){
            return{
                description: '这是一个自定义组件页面'
            }
        },
        props:{},
        computed:{},
        create(){},
        mounted(){},
        destroyed(){},
        onShow(){},
        onHide(){},
        methods: {
            changeDescription(){
                this.description = 'aaaaaaaa'
            },
        }
    }
</script>

就记录到这,祝大家开心!
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值