小樱知识 > 生活常识html5源码网站(最新好看的html跳转网页源码)

html5源码网站(最新好看的html跳转网页源码)

提问时间:2022-03-10 14:47:21来源:小樱知识网


今天是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:”<h3>html页面中引用VUE3的演示页面</h3>”,

}

}

}

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的代码即可. 下图是运行的结果效果

以上内容就是为大家推荐的html5源码网站(最新好看的html跳转网页源码)最佳回答,如果还想搜索其他问题,请收藏本网站或点击搜索更多问题

内容来源于网络仅供参考
二维码

扫一扫关注我们

版权声明:所有来源标注为小樱知识网www.xiaoyin02.com的内容版权均为本站所有,若您需要引用、转载,只需要注明来源及原文链接即可。

本文标题:html5源码网站(最新好看的html跳转网页源码)

本文地址:https://www.xiaoyin02.com/shcs/146746.html

相关文章