想用vue.extend创建一个组件挂载到指定dom下,但是好像渲染不出来,是不是我使用上有什么错误呢?:
testDiv原始结构:
<div id="testDiv">10000</div>
vue.extend逻辑:
let tempCom = Vue.extend({
template: '<div>123123</div>'
})
setTimeout(() => {
let t = new tempCom().$mount()
document.getElementById('testDiv').appendChild(t.$el)
}, 3000);
逻辑执行后:
我不是很认同1楼和2楼的,并且我认为extend是可以使用的。
只是目前看起来是有问题的,请问控制台有警告嘛。
如果存在的话,可能是vue没编译模块导致template的无法支持加载。
应该有这句。
可以尝试直接使用render进行组件渲染。
或者如果有警告就开启 vue.config.js 的
runtimeCompiler
参数