<html>
<script src="https://unpkg.com/vue@next"></script>
<body>
<div id="vue">
<div v-html="rhtml"></div>
<props-demo-simple></props-demo-simple>
</div>
</body>
<script>
const htmls = {
data() {
return {
rhtml: "<h1>html页面中引用VUE3的演示页面</h1>",
}
}
}
const app = Vue.createApp(htmls)
// 简单语法注册或获取全局组件.注册还会自动使用给定的 id 设置组件的名称
app.component(
'props-demo-simple',
{
data() {
return {
count: 0
}
},
props: ['size', 'myMessage'],
template: `<button v-on:click = "count++" > You clicked me {{ count }} times. </button>`
}
)
app.mount("#vue")
</script>
</html>
站内搜索
热文推荐
- 使用cloudreve搭建个人网盘，映射到本地盘符。 10310
- 蜗牛都在努力往上爬，你千万别止步不前。 7242
- layui流加载，图片使用惰性加载失败时可能的原因。 7048
- CSS实现单行、多行文本溢出显示省略号 6512
- windows中Go的exec.Command命令行参数 6268
- 网页点击js特效，文字上浮，周杰伦歌名随机切换。 6249
- vue的知识总结 5668
- Python十大装B语法 5586
- PHP开发小技巧 5574
- mysql导入导出sql文件 5285