vue中 document.createElement('script')
时间: 2023-11-04 20:00:46 浏览: 132
vue组件的创建,使用
在 Vue 中,使用 document.createElement('script') 可以创建一个 script 标签元素。通常情况下,我们可以在 created 或 mounted 钩子函数中使用这个方法来动态加载 JavaScript 文件或代码。
例如,我们可以在 Vue 实例的 created 钩子函数中动态加载一个外部的 JavaScript 文件:
```
created() {
const script = document.createElement('script')
script.src = 'https://cdn.jsdelivr.net/npm/vue'
document.body.appendChild(script)
}
```
上面的代码会向页面中添加一个 script 标签,用于加载 Vue.js 库。这样就可以在后续的代码中使用 Vue 实例了。当然,在实际应用中,我们通常不会直接在 created 钩子函数中加载库文件,而是使用一些优化方式,如异步加载或懒加载等方法来提升页面性能和加载速度。
阅读全文