How to use the element-ui.Loading.directive function in element-ui

Vue.use(FormItem)
Vue.use(Tabs)
Vue.use(TabPane)
// Vue.use(Slider)
Vue.use(Icon)
Vue.use(Row)
Vue.use(Col)
// Vue.use(Badge)
Vue.use(Card)
Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Footer)

Vue.use(Loading.directive)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: ''
})

Vue.use(Pagination);
Vue.use(Drawer);
Vue.use(Tree);
Vue.use(CheckboxGroup);
Vue.use(Popover);
Vue.use(InputNumber);
Vue.use(Switch);
Vue.use(Collapse);
Vue.use(CollapseItem);
Vue.use(Tooltip);
Vue.use(DatePicker);
Vue.use(Steps);
Vue.use(Upload);
Vue.use(Progress);
Vue.use(Scrollbar);
Vue.use(Loading.directive);
Vue.use(Image)

Vue.prototype.$loading = Loading.service;
Vue.prototype.$message = Message;
Vue.prototype.$confirm = MessageBox.confirm;
Dialog.props.closeOnClickModal.default = false

// 引入封装的router
import router from '@/router/index'

// time line css
import '../node_modules/timeline-vuejs/dist/timeline-vuejs.css'

import '@/permission'
import { store } from '@/store/index'
Vue.config.productionTip = false

Vue.use(Steps)
  Vue.use(Step)
  // Vue.use(Carousel)
  // Vue.use(CarouselItem)
  // Vue.use(Collapse)
  // Vue.use(CollapseItem)
  Vue.use(Cascader)
  // Vue.use(ColorPicker)
  // Vue.use(Transfer)
  // Vue.use(Container)
  // Vue.use(Header)
  Vue.use(Aside)
  // Vue.use(Main)
  // Vue.use(Footer)

  Vue.use(Loading.directive)

  Vue.prototype.$loading = Loading.service
  Vue.prototype.$msgbox = MessageBox
  Vue.prototype.$alert = MessageBox.alert
  Vue.prototype.$confirm = MessageBox.confirm
  Vue.prototype.$prompt = MessageBox.prompt
  // Vue.prototype.$notify = Notification
  Vue.prototype.$message = Message
  Vue.use(Pagination)
  Vue.use(Dialog)
  Vue.use(Autocomplete)
  Vue.use(Dropdown)
  Vue.use(DropdownMenu)
  Vue.use(DropdownItem)
  Vue.use(Menu)
  Vue.use(Submenu)

Vue.use(TabPane)
Vue.use(Tag)



Vue.use(Icon)
Vue.use(Row)
Vue.use(Col)
Vue.use(Upload)
Vue.use(Badge)
Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Footer)
Vue.use(Loading.directive)



Vue.use(resource);
/* eslint-disable no-new */

Vue.prototype.Host = '';
Vue.prototype.$loading = Loading.service;


var vm = new Vue({
  el: '#app',
  store:Store,
  router:Router,
  template: '',
  components: { App },

const router = new Router(routerConfig)

worker.store = store
worker.router = router

/**
 * element-ui component
 */
Vue.component(Alert.name, Alert)
Vue.component(Button.name, Button)
Vue.component(Input.name, Input)
Vue.component(Option.name, Option)
Vue.component(Select.name, Select)
Vue.component(TabPane.name, TabPane)
Vue.component(Tabs.name, Tabs)
Vue.use(Loading.directive)
Vue.prototype.$confirm = MessageBox.confirm
Vue.prototype.$notify = Notification

Vue.prototype.$$worker = worker

 /**
  * 关闭生产模式下给出的提示
  */
Vue.config.productionTip = false

/**
 * TODO: 检查版本
 */
document.title = `微信机器人${version} - by Joe`
github().then(res => {
  store.commit('setGithub', { github: res })

Vue.use(Tooltip)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Alert)
Vue.use(Icon)
Vue.use(Row)
Vue.use(Col)
Vue.use(Upload)
Vue.use(Card)
Vue.use(Progress)
Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Footer)
Vue.use(Loading.directive)

//element ui
Vue.prototype.$loading = Loading.service
Vue.prototype.$msgbox = MessageBox
Vue.prototype.$alert = MessageBox.alert
Vue.prototype.$confirm = MessageBox.confirm
Vue.prototype.$prompt = MessageBox.prompt
Vue.prototype.$notify = Notification
Vue.prototype.$message = Message

Vue.config.productionTip = false
Vue.prototype.$http = axios

Vue.prototype.$user = {
  isLogin: function () {
    //1 for true, 0 false

static install(V: any): void {
    V.prototype.theme = themeObj.themeName;
    V.component('echarts', ECharts);
    V.prototype.$message = Message;
    V.prototype.$notify = Notification;

    V.use(Loading.directive);
    V.use(Tooltip);
    V.use(Select);
    V.use(Option);
  }
}

export default () => {
  locale.use(lang);

  Vue.use(Container);
  Vue.use(Main);
  Vue.use(Form);
  Vue.use(FormItem);
  Vue.use(Col);
  Vue.use(Row);
  Vue.use(Alert);
  Vue.use(Input);
  Vue.use(Button);
  Vue.use(Card);
  Vue.use(Loading.directive);
  Vue.use(Dialog);
  Vue.use(Collapse);
  Vue.use(CollapseItem);
  Vue.use(Popover);
  Vue.use(Select);
  Vue.use(Option);
  Vue.use(Badge);

  Vue.prototype.$notify = Notification;
  Vue.prototype.$confirm = MessageBox.confirm;
  Vue.prototype.$alert = MessageBox.alert;
}

Vue.use(Tabs)
Vue.use(TabPane)
Vue.use(Table)
Vue.use(TableColumn)
Vue.use(DatePicker)
Vue.use(TimeSelect)
Vue.use(TimePicker)
Vue.use(ColorPicker)
Vue.use(Popover)
Vue.use(Option)
Vue.use(Pagination)
Vue.use(Dialog)
Vue.use(Popconfirm)
Vue.use(OptionGroup)

Vue.use(Loading.directive)

Vue.prototype.$loading = Loading.service
Vue.prototype.$notify = Notification
Vue.prototype.$msgbox = MessageBox
Vue.prototype.$alert = MessageBox.alert
Vue.prototype.$confirm = MessageBox.confirm
Vue.prototype.$prompt = MessageBox.prompt
Vue.prototype.$message = Message