全局组件 全局过滤器

1、新建全局组件components/Item.vue

1-1、新建全局组件

//src/utils/config.js
import Item from '@/components/Item.vue
Vue.components('Item',Item)

1-2、Loading组件

<template>
   <div>加载中...</div>
</template>
<script>
export default {
    name:"Loading"
}

//在uitls/config.js中配置
import Vue from 'vue';
import Loading from '@/components/Loading'
Vue.component("Loading",Loading)
export default Vue;

2、新建全局过滤器

//src/utils/config.js
Vue.filter("format", function (val) {
    if (val.length > 5) {
        val = val.slice(0, 5) + "..."
    }
    return val
})