动态加载 JS/CSS (Vue组件封装)

dynamic-load Vue组件

为了满足项目开发的需求，使用组件完成了JS文件的动态加载，并在此基础上扩展了原组件的功能，增加CSS文件的动态加载。

Github 地址

线上演示

组件使用说明

属性说明

属性名	类型	默认值	说明
loadTypeJs	Boolean	true	文件加载类型，true为JS，false为CSS
loadUrl	String	null	JS/CSS文件加载链接
loadCallBack	Function		加载完成后的回调函数

在 Vue 项目中使用

1. 在 script 中引用组件

import dynamicLoad from '@/components/dynamic-load'
export default {
  components: {
    dynamicLoad
  }
}

2. 在 template 中使用

注意事项

loadUrl的初始值最好设置为null,否则可能会失效。

loadCallBack为函数回调，但在使用时注意使用【 : 】，而非【@】，如示例中使用:load-call-back="loadOver"，loadOver为 Function 函数。