vue加载远程(网络)js

JavaScript014

vue加载远程(网络)js,第1张

vue项目中有时候会遇到加载远程(网络)js的情况,常用的方法有以下两种:

以加载在线的cesium为例

在组件中可以通过 window.Cesium 来获取加载的js,示例如下:

在main.js里注册组件

注意:注册组件一定要在new Vue之前

在组件中使用:

这样使用比较灵活还能在加载完成和加载失败时做一些操作。

如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话,

你执行npm run dev的时候会出来页面,

是因为你根目录下的package.json文件里script配置了

也就是其实执行的是dev-server.js这个文件,里面有定义

因为我们这个脚手架工具里是用webpack来打包项目文件的,依赖的webpack.dev.conf文件里又定义了

在这个依赖webpack.base.conf文件里面entry入口文件就配置了

所以当你运行npm run dev的时候就从main.js这个入口文件开始执行了