第一篇 CDN引入vue之HelloWorld

学习目标:

1、 通过CDN引入vue.js
2、 通过vue输出HelloWorld

学习内容:

步骤1:新建HTML文件并引入vue

在html文件中引入vue

<script src="https://unpkg.com/vue@next"></script>

步骤2:输出HelloWorld

<script>
		const jpxsr = {
			template: "<h2>你好</h2>"
		}
		const app = Vue.createApp(jpxsr);
		app.mount("#app")
	</script>

步骤3:查看效果

第一篇 CDN引入vue之HelloWorld

完整代码

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="https://unpkg.com/vue@next"></script>
	<body>
		<div id="app">
			
		</div>
	</body>
	<script>
		const jpxsr = {
			template: "<h2>你好</h2>"
		}
		const app = Vue.createApp(jpxsr);
		app.mount("#app")
	</script>
</html>

上一篇:Python调用阿里云接口刷新CDN


下一篇:CDN学习笔记