6.5作业

1.写出你对vue的mixin的理解,有什么应用场景?


mixin(混入),提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。
本质其实就是一个js对象,它可以包含我们组件中任意功能选项,如data、components、methods、created、computed等等
我们只要将共用的功能以对象的方式传入 mixins选项中,当组件使用 mixins对象时所有mixins对象的选项都将被混入该组件本身的选项中来
在Vue中我们可以局部混入跟全局混入
使用场景
在日常的开发中,不同的组件中经常会需要用到一些相同或者相似的代码,这些代码的功能相对独立 . 这时,可以通过Vue的mixin功能将相同或者相似的代码提出来

2.vue动画


            1- vue动画的理解
                操作css的transition或者animation
                vue会给目标元素添加或者移除特定的class
            2- 基本过渡动画的编码
                1- 在目标元素外包裹
                2- 定义class样式
                    a- 指定过渡样式:transition
                    b- 指定隐藏时样式:opacity/其他
            3- 过渡的类名
                1- xxx-enter-active:指定显示的transition
                2- xxx-leave-active:指定隐藏的transition
                3- xx-enter:指隐藏时的样式
            过渡中带平移的效果
 

你可能感兴趣的:(每日作业,vue.js,javascript,前端)