vue引入的外部js需要遵循什么规范 • Worktile社区

worktile

Worktile官方账号

引入外部的 JavaScript 文件需遵循以下规范：

以标签形式引入：在 Vue.js 项目中使用 <script> 标签引入外部 JavaScript 文件，可以放在 HTML 文件的头部或者尾部。
使用模块化方式引入：为了更好地管理和组织代码，推荐使用模块化方式引入外部 JavaScript 文件，如使用 ES6 的 import 语法或者 CommonJS 的 require() 函数。
避免全局污染：在引入外部 JavaScript 文件时，应避免定义全局变量、全局函数等，以防止命名冲突和污染全局命名空间。
根据需要选择合适的时机引入：如果某个外部 JavaScript 文件只在特定的组件或页面中使用，可以根据需要选择合适的时机进行引入，避免不必要的加载和执行。
外部 JavaScript 文件的加载顺序：如果多个外部 JavaScript 文件之间有依赖关系，应按照依赖关系的顺序进行加载，确保被依赖的文件先于依赖文件加载。
动态引入：在某些情况下，可能需要根据条件动态地引入外部 JavaScript 文件，可以使用 document.createElement('script') 方法创建 <script> 元素，并设置其 src 属性来实现动态引入。
资源优化：在引入外部 JavaScript 文件时，可以通过使用 CDN（内容分发网络）来提供文件，以加快文件的加载速度，同时也可以使用压缩后的文件来减小文件大小。

总之，在引入外部 JavaScript 文件时，我们需要遵循合理的组织和管理原则，以及遵守规范，以确保代码的可维护性和可扩展性。

2年前 0条评论

fiy

Worktile&PingCode市场小伙伴

在Vue中引入外部js时，需要遵循以下规范：

import MyScript from './path/to/myScript.js';

或者使用require函数：

var MyScript = require('./path/to/myScript.js');

引入的外部js文件应该是一个模块：当引入外部js文件时，该文件应该是一个符合模块化规范的js文件。模块化可以使代码更易于维护、重用和测试。可以使用CommonJS、AMD或者ES6模块化规范来编写外部js文件。
在Vue组件中使用引入的外部js：一旦引入了外部js文件，可以在Vue组件内部使用该文件中的函数、对象等。在Vue组件的methods、computed等选项中，可以直接使用引入的外部js文件中的函数。
根据需求引入外部js库：在Vue项目中，如果需要使用某个特定的外部js库，可以在项目中引入该库的文件。通常，外部js库的使用方式会有相应的文档介绍，可以根据文档中的说明来正确引入和使用外部js库。
外部js文件应该放置在正确的位置：根据Vue项目的文件结构，外部js文件应该放置在合适的位置。通常，可以将外部js文件放在src目录下的assets或者lib目录中。

总结：在Vue中引入外部js需要使用正确的引入方式，引入的外部js文件应该是一个模块化的js文件，并且应该根据需求引入外部js库。引入的外部js文件应该放置在正确的位置，以便于管理和使用。

2年前 0条评论

不及物动词

这个人很懒，什么都没有留下～

引入外部js文件时，需要遵循以下规范：

<script src="path/to/external/script.js" defer></script>

其中，defer属性表示脚本的执行会延迟到DOM解析完成后再进行，这样可以确保脚本不会阻塞页面的加载。

考虑依赖关系：如果引入的外部js文件有依赖关系，需要先引入依赖文件，然后再引入被依赖的文件。确保依赖的文件先被加载和执行。
适当使用模块化：可以使用ES6的模块化语法（如import和export）来管理和导入外部js文件，这样可以更好地组织和管理代码。
错误处理：在引入外部js文件时，需要考虑错误处理。可以通过监听脚本的load和error事件来判断脚本是否加载成功，以及在加载失败时执行相应的处理逻辑。

总而言之，引入外部js需遵循合适的时机和方式，使用正确的脚本标记，处理好依赖关系，并考虑错误处理，以确保外部js文件能正常加载和执行。

2年前 0条评论