diff --git a/packages/vue-cli-plugin-uni-optimize/packages/webpack-optimize-plugin/component.js b/packages/vue-cli-plugin-uni-optimize/packages/webpack-optimize-plugin/component.js
index ac90ac23b06f128543075c393d215743ab3dde66..358179cc3b60b008caf84c0c003ef96a3388965b 100644
--- a/packages/vue-cli-plugin-uni-optimize/packages/webpack-optimize-plugin/component.js
+++ b/packages/vue-cli-plugin-uni-optimize/packages/webpack-optimize-plugin/component.js
@@ -37,12 +37,14 @@ module.exports = function updateComponents(tags) {
     tagName = capitalize(camelize(tagName))
     return `${tagName}.name = 'VUni${tagName}'
      ${tagName}.mixins = ${tagName}.mixins ? [].concat(baseMixin, ${tagName}.mixins) : [baseMixin]
+     ${tagName}.mixins.push(animation)
      Vue.component(${tagName}.name,${tagName})`
   }).join('\n')
 
   const content = `
 import Vue from 'vue'
 import baseMixin from 'uni-mixins/base'
+import animation from 'uni-mixins/animation'
 ${importsStr}
 ${componentsStr}
 `