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>
就记录到这,祝大家开心!