useExternal
Dynamically load JS or CSS, useExternal can ensure that the resource are globally unique.
Code demonstration
Basic Usage
Load CSS
API
const status = useExternal(path: string, options?: Options);
const status = useExternal(path: string, options?: Options);
Params
| Property | Description | Type | Default |
|---|---|---|---|
| path | The url of the external resources | string | - |
Result
| Property | Description | Type |
|---|---|---|
| status | The progress of loading the external resources, support unset, loading, ready, error | Readonly<Ref<UseExternalStatus>> |
Options
| Property | Description | Type | Default |
|---|---|---|---|
| type | The type of extarnal resources which need to load, support js/css, if no type, it will deduced according to path | string | - |
| js | Attributes supported by script | HTMLScriptElement | - |
| css | Attributes supported by link | HTMLStyleElement | - |