基于WebApp的Vue.js项目实战实例（二）

自定义动画

图为顶部循环动画

                      ps:图为几张图片合成为gif的，所以顺畅度不高，实际效果很顺畅 (´・ω・)ﾉ

1.创建自定义组件 Cloud.vue

2.编写css样式

3.引用

import cloud from "component/fragment/Cloud"

components: {
            'cloud': cloud,
        }


                

总结：
自定义组件非常简单。效果呈现主要还是CSS起作用。