vue安装使用tween

以下是使用vue-mixin-tween进行补间动画的安装和使用方法：

1. 首先，使用npm安装vue-mixin-tween包：

npm install vue-mixin-tween

2. 在需要使用补间动画的组件中，导入vue-mixin-tween：

import { tweenMixinFactory } from 'vue-mixin-tween';

3. 在组件的mixins选项中使用tweenMixinFactory创建补间动画的mixin：

export default {
  mixins: [tweenMixinFactory],
  // 组件的其他选项
}

4. 在组件的methods选项中，使用this.$tween.use方法来执行补间动画：

methods: {
  update(newCount) {
    const begin = { count: this.count };
    const end = { count: newCount };
    const _this = this;
    this.$tween.use({
      begin,
      end,
      onUpdate(obj) {
        _this.count = obj.count;
      },
    });
  },
},

以上是使用vue-mixin-tween进行补间动画的安装和使用方法。