插件扩展

小程序支持第三方插件和 Vue 插件的使用,使用时按照 ES6 语法 import 即可。

第三方插件需要在 app.js 内导入:

import fastclick from 'fastclick'
fastclick.attach(document.body)

App({
data: () => ({
test: 1
}),
onLaunch() {
console.log('onLaunch')
},
onShow() {
console.log('onShow')
},
onHide() {
console.log('onHide')
},
onBeforeDestroy() {
console.log('onBeforeDestroy')
}
});
  • 若第三方 Vue 插件或组件,在 Vue 项目中不用通过 Vue.use() 注册,使用方式如上。

  • 若第三方 Vue 插件或组件,在 Vue 项目中通过 Vue.use() 方式使用,则按照如下方式,第三方插件需要在 package.json 中申明并且安装好依赖,在
    project.config.json中引入。

package.json 文件
{
"dependencies": {
"vue-infinite-scroll": "^2.0.2",
}
}

project.config.json
{
"plugins": {
"infiniteScroll": "vue-infinite-scroll"
}
}
  • 若第三方组件或插件采用 export 导出,使用方式如下:
{
"plugins": {
"Button": {
"path": "ant-design-vue",
"type": "esm"
},
}
}
  • 若第三方组件或插件采用 export default 方式导出,在 project.config.json 内按如下方式使用:
{
"plugins": {
"infiniteScroll": "vue-infinite-scroll"
}
}
  1. 1. 插件扩展