mpvue是一款基于Vue.js的小程序開發框架，它可以讓開發者使用Vue.js的語法和開發體驗來創建小程序，同時兼容原生小程序語法和API。

在mpvue中，我們可以使用Vue.js的組件化開發方式，通過組件的方式來構建小程序頁面，將頁面劃分成多個可重用的組件。下面是一個簡單的計數器組件：

<template>
<div>
<span>{{ count }}</span>
<button @click="increment">加1</button>
</div>
</template>
<script>
export default {
data() {
return {
count: 0
}
},
methods: {
increment() {
this.count++
}
}
}
</script>

這個組件中，有一個count的數據屬性和一個increment的方法，分別用來記錄數字和實現數字的自增。通過在模板中綁定count屬性和increment方法實現組件的渲染和交互操作。

在小程序中使用這個組件也非常簡單，只需要在需要使用計數器的地方引入該組件即可：

<template>
<div>
<Counter />
</div>
</template>
<script>
import Counter from '@/components/Counter.vue'
export default {
components: {
Counter
}
}
</script>

在上面的代碼中，使用了import語句引入了Counter組件，然后在組件的components選項中注冊了該組件，就可以在模板中使用<Counter />標簽來使用該組件了。

mpvue的組件化開發方式讓我們可以更加清晰地組織小程序的代碼結構，方便管理和維護。同時也可以大大提高開發效率和代碼的可重用性。建議小程序開發者嘗試使用mpvue和Vue.js的組件化開發方式。