注：js文件中的方法要写在一个对象里（具体原因正在探索...）
2.在angular.json文件中找到scripts配置js文件路径
3.在tsconfig.json文件中加入allowJs:true
4.在src文件下新建typings.d.ts文件，用来定义js文件中的静态类型
5.第四步相当于全局引入（自己理解的，不知道这样描述准确否），如果只想要在所需的组件里使用，即在组件的ts文件中单独引入
6.最后调用js文件中的方法即可
从外部启动javascript的方法是：先建立 JavaScript 文件，文件的扩展名一定要为 “.js”。将要编写的 js 代码写到 js 文件中，并保存该文件。
然后将JavaScript 文件引入到 HTML 文件中，引用的格式为：<script type="text/javascript" src="javascript文件名和路径"></script>。
这样，我们就成功地引入了外部的 js 文件，引入了外部的 js 文件之后，我们就可以使用外部 js 文件中的函数了。注意，引入了外部的 js 文件的 script 标签里面不可以再写 JavaScript 代码了。
如果，我们引入了外部的 js 文件之后，我们还想继续在本文件中写 JavaScript 代码，那么我们需要再次写一个 script 标签，如下：
<script type="text/javascript" src="main.js"></script><script type="text/javascript"></script>。
引用外部JS文件教程总结是：
先建立 JavaScript 文件，文件的扩展名一定要为 “.js”。将要编写的 js 代码写到 js 文件中，并保存该文件。将 JavaScript 文件引入到 HTML 文件中，引用的格式为：
<script type="text/javascript" src="javascript文件名和路径"></script>。
这样，我们就成功的引入了外部的 js 文件，引入了外部的 js 文件之后，我们就可以使用外部 js 文件中的函数了。注意，引入了外部的 js 文件的 script 标签里面不可以再写 JavaScript 代码了。
mounted() {
const s = document.createElement('script')
s.type = 'text/javascript'
s.src = '你的需要的js文件地址'
document.body.appendChild(s)
}
export default {
components: {
'remote-js': {
render(createElement) {
return createElement(
'script',
{
attrs: {
type: 'text/javascript',
src: '你的需要的js文件地址',
},
},
)
},
},
},
}
