How to use the vue.use function in vue

import Vue from 'vue'
import App from './App'
import Vueresource from 'vue-resource'
import router from './router'
import store from './store'

require('../style/style.sass')
import Router from 'vue-router'

Vue.use(Router)
Vue.use(Vueresource)
Vue.config.devtools = process.env.NODE_ENV === 'development'
/* eslint-disable no-new */
new Vue({
  el: '#app',
  store,
  template: '',
  router,
  components: {
    App
  }
})

Vue.config.productionTip = false

// 导入animate.css
import 'animate.css'

// 导入mui
// 导入 MUI 的样式
// import "./assets/vendor/mui/css/mui.min.css";
// 导入扩展图标样式
// import "./assets/vendor/mui/css/icons-extra.css";

// 导入全部mint-ui
import Mint from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(Mint)

// 导入weui 样式库
import 'weui'
// 导入weiui js库
import weui from 'weui.js'
// 挂载到Vue 实例上去
Vue.$weui = Vue.prototype.$weui = weui

// 全局app常量css
import './assets/css/common.css'
import './assets/css/wechat.css'
import './assets/css/vendor.css'
import './assets/css/iconfont.css'

// 全局导航栏
import NavigationBar from '@/components/navigationBar'

import Vue from 'vue';
import 'jest-canvas-mock';
// @ts-ignore
import Package from '../../dist/package-entry';

Vue.use(Package);

import { mount } from 'avoriaz';
import Vue from 'vue';
import sinon from 'sinon';
import { expect } from 'chai';
import Vuex from 'vuex';
import 'babel-polyfill';
import Modules from '../../../src/components/Modules';
import module from '../../../src/store/module';

Vue.use(Vuex);

describe('Modules.vue', () => {
  let actions;
  let state;
  let store;

  beforeEach(() => {
    state = {
      module: {
        clicks: 2,
      },
    };

    actions = {
      moduleActionClick: sinon.stub(),
    };

import Vue from 'vue'
import Electron from 'vue-electron'
import Resource from 'vue-resource'
import Router from 'vue-router'
import axios from 'axios';
import App from './App'
import routes from './routes'
import MuseUI from 'muse-ui'
import 'muse-ui/dist/muse-ui.css'
import './theme-carbon.css'
import echarts from 'echarts'


Vue.use(Electron)
Vue.use(Resource)
Vue.use(Router)
Vue.config.debug = true
Vue.use(MuseUI)


const router = new Router({
  scrollBehavior: () => ({ y: 0 }),
  routes
})

router.beforeEach((to, from, next) => {
    if (to.matched.some(r => r.meta.requireAuth)) {
        if (sessionStorage.user) {
          console.log(sessionStorage.user)
            next();
        }
        else {

import Vue from 'vue'
import Vuex from 'vuex'
import server from './modules/server'
import user from './modules/user'
import characters from './modules/characters'

Vue.use(Vuex)

export default new Vuex.Store({
	strict: process.env.NODE_ENV !== 'production',

	modules: {
		server,
		user,
		characters
	}
})

import { select, text } from '@storybook/addon-knobs';
import { storiesOf } from '@storybook/vue';
import Vue from 'vue';
import VueRouter from 'vue-router';
import { componentsHierarchyRootSeparator } from '../../../conf/storybook/utils';
import { MENU_NAME } from '../component-names';
import MenuPlugin from './menu';

Vue.use(MenuPlugin);
Vue.use(VueRouter);

const storyRouterDecorator: any = (links = {}, routerProps = {}): any => {
    return story => {
        const router: VueRouter = new VueRouter(routerProps);
        const WrappedComponent: any = story();
        return Vue.extend({
            router,
            components: { WrappedComponent },
            template: ''
        });
    };
};

const DEFAULT_MENU_ITEMS: string = `
                                  

import Vue from 'vue'
import Vuex from 'vuex'

import { createActions } from './actions'
import mutations from './mutations'

Vue.use(Vuex)

export function createStore(route) {
  const actions = createActions(route)

  return new Vuex.Store({
    state: {
      counters: {
        newPostsCount: 0,
        pendingPostsCount: 0,
        publishedPostsCount: 0,
        activeUsersCount: 0,
        formSubmissionsCount: 0
      }
    },
    actions,
    mutations

import Vue from 'vue'
import Vuex from 'vuex'
import http from './http'

Vue.use(Vuex);

export default new Vuex.Store({
    state: {
        loginStatus: false,
        user: {}
    },
    getters: {
        getUser: (state) => {
            return state.user;
        },
        getLoginStatus: (state) => {
            return state.loginStatus;
        }
    },
    mutations: {
        setUser: (state, user) => {

import Vue from 'vue'
import VueFractionGrid from '../vue-fraction-grid'
import Demo from './Demo'

Vue.use(VueFractionGrid, {
  approach: 'desktop-first',
  breakpoints: {
    compact: '415px',
    tablet: '416px 1100px'
  }
})

new Vue({
  el: '#app',
  render: h => h(Demo)
})