Installing and Setting up Vue

最新推荐文章于 2025-12-31 10:20:39 发布

原创最新推荐文章于 2025-12-31 10:20:39 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #前端

前端同时被 2 个专栏收录

10 篇文章

订阅专栏

vue

6 篇文章

订阅专栏

本文介绍如何通过CDN加载Vue.js核心库及其推荐版本，并演示如何在HTML中引入Vue.js及Axios库进行HTTP请求。此外还提供了初始化Vue实例的示例。

Installing Vue.js

Core library
Available via Content Delivery Network(CDN)
unpkg is recommended

Vue.js umpkg Url
https://unpkg.com/vue

Vue.js 2.2.5
https://unpkg.com/vue@2.2.5

Vue.js CDN Url
https://unpkg.com/vue@[version]/dist/vue.min.js

// Vue.js Script Tag
<script
	type="text/javascript"
	src="https://unpkg.com/vue@2.2.5/dist/vue.min.js">
</script>

// Adding Vue
<html>
	<head>
		<title>Growler</title>
	</head>
	<body>
		<div id="groler"></div>
		<script
			type="text/javascript"
			src="https://unpkg.com/vue">
		</script>
	</body>
</html>

-----------------------------------

Axios

Recommended library for making HTTP requests
Not part of Vue.js

Axios
https://unpkg.com/axios/dist/axios.min.js

// Adding Axios
<html>
	<head>
		<title>Growler</title>
	</head>
	<body>
		<div id="groler"></div>
		<script type="text/javascript" src="https://unpkg.com/vue"></script>
		<script 
			type="text/javascript" 
			src="https://unpkg.com/axios/dist/axios.min.js"></script>
	</body>
</html>

Initializing an Instance of Vue

http://blog.youkuaiyun.com/u012596785/article/details/79463841