当前位置: 代码迷 >> 综合 >> okam 小程序框架 -02(开发规范)
  详细解决方案

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

热度:51   发布时间:2023-11-20 03:20:56.0

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>

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