学习Vue.js动画时，需要导入一个animate.css如何全局导入外部文件？

1.引入外部CSS样式文件

1.直接介绍app.vue中style下对应的路径

使用@import导入外部css，范围是全局的，也可以在对应的单个vue组件中引入。导入不会将代码引入到样式/样式中，而是启动一个新的请求来获取样式资源，并且它没有作用域。

样式范围的@import./static/font/icon font . CSS '；/style注意：如果有风格，应该在#app上介绍，否则介绍不成功！

[emailprotected]更改样式src=' http : '/样式以引入外部样式

2.引入外部JS文件

1.一个动画需要JS库(Velocity.js)

VarVelocity=函数(字符串){//这是实现Velocity }2的具体算法。因为我们想在Vue组件中引入velocity函数，所以应该在Velocity加密算法的js脚本末尾使用以下代码来导出Velocity函数：

导出{Velocity}注意：不要将外部脚本js放在组件文件夹下，否则总是会报错。您可以在src文件夹下创建一个新的js文件夹，然后将外部js脚本放在这个文件夹中，然后将js脚本引入到其他Vue组件中。

3.在组件中使用从外部脚本名称导入{function name}来从外部js脚本导入我们需要使用的函数。

从导入{速度}./config/velocity.js' 4。Vue组件中的正常调用速度函数

输入：函数(el，done) { Velocity(el，{ opacity: 1，fontSize: '1.4em' }，{ duration: 300 }) Velocity(el，{ fontSize: '1em' }，{complete:done})，以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。