本文共 336 字，大约阅读时间需要 1 分钟。

创建组件

• 新建 .vue 文件： src/components/laoding/laoding.vue

使用组件

• 原理：

通过自定义一个变量 isLoading 初始化为 true ，在数据请求成功之后将变量改为 false ，在 template 中通过变量来控制是否显示隐藏，使用 vue 自带的 过渡效果 增加用户体验

• 需要在全局的 css 中加入过渡需要的样式

.fade-enter,    .fade-leave-active {    opacity: 0;}.fade-enter-active,.fade-leave-active {    transition: opacity 0.5s;}

• .vue 文件使用代码示例片段

转载地址：http://rdesi.baihongyu.com/