使用ype="text/x-template"后template: "#tp1"会报错
遇到的现象和发生背景,请写出第一个错误信息
template: "#tp1"报错
用代码块功能插入代码,请勿粘贴截图。 不用代码块回答率下降 50%
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/vue.js"></script>
</head>
<body>
<p>
{{massage}},tom
</p>
</div>
<script id="tp1" type="text/x-template">
<diV>{{message}},mike</diV>
</script>
<script>
const app = Vue.createApp({
template: "#tp1",
data() {
return {
message: "hello"
}
}
})
const vm = app.mount("#app")
console.log(vm.$el)
</script>
</body>
</html>
运行结果及详细报错内容
f12显示Uncaught TypeError: Cannot read properties of undefined (reading '$el')