如何在HTML文件中直接以脚本形式引入vue-custom-element?
解决vue-custom-element全局引入的CDN文件问题
- 你可以直接使用jsdelivr提供的官方CDN链接来引入vue-custom-element,替换示例中占位的
https://path/to/vue-custom-element.js - 完整的HTML引入代码如下:
<script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="https://cdn.jsdelivr.net/npm/vue-custom-element/dist/vue-custom-element.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/document-register-element/1.4.1/document-register-element.js"></script>
- 补充说明:
document-register-element.js是兼容旧浏览器的polyfill,若你的目标环境都是现代浏览器(原生支持自定义元素API),可以省略该引入;如果需要覆盖更多浏览器,建议保留。 - 验证引入成功:页面加载完成后,打开浏览器控制台输入
Vue.customElement,能正常输出函数即说明引入生效。
内容的提问来源于stack exchange,提问作者Hamza Afzal
相关产品推荐
相关产品推荐

