今天是2021.7.14,是个好日子.很久没发布文章了.今日发布下怎样在在html页面中应用vue3.义县游学智能科技一直以技术性文章为主导.下列是h5的页面源代码:
<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>
剖析下:最先<script src=”https://unpkg.com/vue@next”></script>,引进vue3的脚本制作详细地址. 随后在body下的<script>中撰写vue3的编码就可以. 下面的图是运作的结论实际效果
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。