vue如何动态加载远程的子组件js运行显示?
网友回复
我们以cdn版本的vue写一个示例:
子组件remote-component.js
// remote-component.js ({ // 注意这里要用括号包裹对象 name: 'remote-component', template: ` <div> <h1>{{ title }}</h1> <button @click="onClick">点击</button> </div> `, data: function() { // Vue2 中 data 必须是函数 return { title: '远程组件' } }, methods: { onClick() { alert('按钮被点击'); } } })
远程调用子组件的页面
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1-dev.js"></script> </head> <body> <div id="app"> <remote-component-loader :url="componentUrl"></remote-component-loader> </div> <script> // 组件加载器实现 Vue.component('remote-component-loader', { template: ` <div> <component v-if="componentData"...
点击查看剩余70%
threejs如何引入中文字体json?
FLUX.1 Kontext如何api调用?
腾讯混元模型广场里都是混元模型的垂直小模型,如何api调用?
为啥所有的照片分辨率提升工具都会修改照片上的图案细节?
js如何在浏览器中将webm视频的声音分离为单独音频?
微信小程序如何播放第三方域名url的mp4视频?
ai多模态大模型能实时识别视频中的手语为文字吗?
如何远程调试别人的chrome浏览器获取调试信息?
为啥js打开新网页window.open设置窗口宽高无效?
浏览器中js的navigator.mediaDevices.getDisplayMedia屏幕录像无法录制SpeechSynthesisUtterance产生的说话声音?