自定義一個(gè)全局Loading組件，并使用：
總結(jié)目錄：
|-components
　　|-loading
　　　　|-index.js 導(dǎo)出組件，并且install
　　　　|-loading.vue 定義Loading組件

1.components/loading/index.js

import LoadingComponent from "./Loading.vue" const Loading = {install: function(Vue){Vue.component("Loading", LoadingComponent)} } export default Loading

　　

2.components/loading/Loading.vue

<template><div class="loading-box">loading...</div> </template>

　　

3.main.js

import Vue from 'vue' import App from './App' import Loading from "./components/loading/index.js"Vue.use(Loading)new Vue({el: '#app',router,components: { App },template: '<App/>' })

　　

4.App.vue

<template><div id="app"><Loading></Loading></div> </template>

　　

轉(zhuǎn)載于:https://www.cnblogs.com/alantao/p/8485114.html

總結(jié)

以上是生活随笔為你收集整理的自定义vue全局组件use使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。