Vue2.0 封装全局Loading

最新推荐文章于 2024-07-18 21:22:31 发布

安稳觉

最新推荐文章于 2024-07-18 21:22:31 发布

阅读量276

点赞数 2

文章标签： vue javascript

本文链接：https://blog.csdn.net/weixin_54182512/article/details/117587438

版权

本文详细介绍了如何在Vue2.0中封装一个全局的Loading组件。首先，在components目录下创建myLoad.vue组件；接着，创建index.js文件进行相关配置；最后，在main.js和vuex中分别引入并应用该全局Loading组件。

摘要由CSDN通过智能技术生成

第一步

在components文件夹中新建myLoad.vue组件

<template>
    <div class="loading" v-show="msg.show">
        <div>{
   {
   msg.title}}</div>
    </div>
</template>

<script>
export default {
   
    props: {
   
        msg: Object,
        aaa: Number
    }
}
</script>

<style scoped lang="scss"