npm包 - 发布vue组件 与 类、方法

npm包 - 发布vue组件 与 类、方法

环境：vue2 ,参考：https://www.cnblogs.com/1285026182YUAN/p/18196678

 

 1. 搭建 vue 项目 

创建组件 components / uncc.vue

 

<template>
  <div>
  </div>
</template>
<script>
export default {
  name: "uncc",
};
</script>

 

2.  创建类

class WorkflowModule {
  constructor() {}
  func = (parm1, parm2) => {
    return "func result";
  };
}
export default WorkflowModule;

 

 

 3. 在 index.js 中导出

import uncc from "./components/uncc.vue";
import WorkflowModule from "./components/workProgress.js";
const components = [uncc];

const install = function (Vue, defaultOptions = {}) {
  components.map((component) => {
    Vue.component(component.name, component);
  });
};

/* 支持使用标签的方式引入 */
if (typeof window !== "undefined" && window.Vue) {
  install.use(window.Vue);
}

export { WorkflowModule };
export default { install };

 

 

4. 测试

在main.js 中

import srcc from "./index";
Vue.use(srcc, { });

 

 

在App.vue中

import { WorkflowModule } from "./index";
let wm = new WorkflowModule();

 

 

 发布参考：https://www.cnblogs.com/1285026182YUAN/p/17097318.html

 

 

 

 

 

end.