首页 > 其他 > 详细

Vue3

时间:2021-08-22 21:28:14      阅读:41      评论:0      收藏:0      [点我收藏+]

 

Vue3官网:https://v3.cn.vuejs.org/guide/introduction.html#vue-js-%E6%98%AF%E4%BB%80%E4%B9%88

通过CDN的方式引入到Html中:

<html>
	<head>
直接通过CDN引入vuejs文件 <script src="https://unpkg.com/vue@next"></script>
直接引入CDN下载得到的vuejs文件
<!--<script src="./vue.global.js" type="text/javascript" charset="UTF-8"></script>-->
		<style type="text/css">
			.demo {
  				font-family: sans-serif;
  				border: 1px solid #eee;
  				border-radius: 2px;
  				padding: 20px 30px;
  				margin-top: 1em;
  				margin-bottom: 40px;
  				user-select: none;
  				overflow-x: auto;
			}
		</style>
	</head>
	<body>
		<div id="hello-vue" class="demo">{{ message }}</div>
		
			<script type="text/javascript">
				const HelloVueApp = {
  					data() {
    					return {
      						message: ‘Hello Vue!!‘
    					}
  					}
				}
				Vue.createApp(HelloVueApp).mount(‘#hello-vue‘)
			</script>
	</body>
</html> 

将vue下载下来引入到Html中:

第一步:下载vue.js,我这里用的连接为:https://unpkg.com/vue@next 【这个链接对应的源文件可能会发生变化,现在时间:2021/08/22】

第二步:将第一步下载的js文件引入到html中,引入写法参见上述代码。

 

Vue3

原文:https://www.cnblogs.com/csdqxh-lastday-ckt-online/p/15172827.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!