引入

你可以引入整个as-worktable-ui,也可以根据模块引入,还可以根据需要仅引入部分板位组件。我们先介绍如何引入完整的as-worktable-ui。

完整引入

在main.js文件下添加如下配置:

import Vue from 'vue';
import App from './App.vue';
import AsWorktableUI from "as-worktable-ui";// 引用组件库
Vue.use(AsWorktableUI);//使用组件库
new Vue({
  el: '#app',
  render: h => h(App)
});

按模块引入

如果你只希望引入某些模块，比如引入平台库中的流程模块,那么需要在main.js 中写入以下内容:

import Vue from 'vue';
import App from './App.vue';
import {AsWorkflows} from "as-worktable-ui";
Vue.use(AsWorkflows);//使用流程板
new Vue({
  el: '#app',
  render: h => h(App)
});

按需引入

如果你只希望引入部分板位组件，比如WorkflowPlate96Hole和ReagentPlate48Hole,那么需要在 main.js 中写入以下内容：

import Vue from 'vue';
import App from './App.vue';
// 按需引入
import {
  AsWorkflowPlate96Hole,
  AsReagentPlate48Hole
} from 'as-worktable-ui';
Vue.use(AsWorkflowPlate96Hole);
Vue.use(AsReagentPlate48Hole);
new Vue({
  el: '#app',
  render: h => h(App)
});