能否举例说明

当你在开发微信小程序时，发现有多个页面需要使用相同的函数，比如获取用户信息、请求后台接口等。这时候，你可以将这些公共的函数抽离出来，放到一个独立的 js 文件中，例如 `common.js`。

然后在需要使用这些函数的页面中引入这个 `common.js` 文件。例如，在 `app.vue` 中引入，代码如下：

import Vue from 'vue'
import App from './App'
import common from './common.js'

Vue.config.productionTip = false
Vue.prototype.$common = common

App.mpType = 'app'

const app = new Vue({
  ...App
})
app.$mount()

这里的关键是将 `common.js` 文件挂载到 Vue 的原型上，这样所有的页面都可以通过 `this.$common` 来访问这些公共的函数。

现在我们假设有两个页面需要使用 `common.js` 中的函数，分别是 `page1.vue` 和 `page2.vue`。那么在这两个页面中，我们只需要引入 `common.js` 文件，就可以使用里面的函数了。例如：

<script>
import common from '@/common.js'

export default {
  data () {
    return {
      userInfo: {}
    }
  },
  methods: {
    getUserInfo () {
      common.getUserInfo().then(res => {
        this.userInfo = res
      })
    }
  }
}
</script>

这个例子中，我们在 `page1.vue` 中定义了一个 `getUserInfo()` 方法，在这个方法中调用了 `common.js` 中的 `getUserInfo()` 函数，用来获取用户信息。这个函数的实现在 `common.js` 中，不需要在每个页面都写一遍。

同样的，如果在 `page2.vue` 中也需要使用 `common.js` 中的函数，只需要在该页面中引入 `common.js` 文件，然后就可以使用了。这样就避免了重复编写相同的代码，提高了代码的复用性和开发效率。