引入

你可以引入整个as-common-plugins，也可以根据模块引入，还可以根据需要仅引入部分插件。我们先介绍如何引入完整的as-common-plugins。

完整引入

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

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

按模块引入

如果你只希望引入某些模块，比如引入插件库中的指令模块,那么需要在 main.js 中写入以下内容(各模块引入方法请见各章节前面的基础准备):

import Vue from 'vue';
import App from './App.vue';
import {AsDirectives} from "as-common-plugins";
Vue.use(AsDirectives);
new Vue({
  el: '#app',
  render: h => h(App)
});

按需引入

如果你只希望引入部分内容,比如引入copy复制指令和drag拖拽指令,那么需要在 main.js 中写入以下内容(各部分引入方法请见各章节前面的基础准备):

import Vue from 'vue';
import App from './App.vue';
// 按需引入
import {
  AsCopy,
  AsDrag
} from 'as-common-plugins';
Vue.use(AsCopy);
Vue.use(AsDrag);
new Vue({
  el: '#app',
  render: h => h(App)
});