【汇智学堂】 Vue框架基础（1）

最新推荐文章于 2020-02-18 11:58:40 发布

判官丶

最新推荐文章于 2020-02-18 11:58:40 发布

阅读量118

点赞数

本文链接：https://blog.csdn.net/weixin_44711285/article/details/103632323

版权

写在前边

Vue涉及的点很多，本系列介绍我最近用的比较简单的，在HTML中引入vue进行一些数据控制。

（1） Hello，Vue.js!

HTML中引用vue，有两种方法即下载或引用CDN：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		
	</head>
	<body>
		<div id="app">
			<h1>{{message}}</h1>			
		</div>
	</body>
		
	<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js'></script>
		<script>
			var vm=new 	Vue({
				el:'#app',
				data:{
					message:'Hello ， Vue.js'
				}
			})
		</script>	
</html>

在这里插入图片描述
上图即是实现效果。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

判官丶

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【汇智学堂】 Vue框架基础（1）

写在前边Vue涉及的点很多，本系列介绍我最近用的比较简单的，在HTML中引入vue进行一些数据控制。（1） Hello，Vue.js!HTML中引用vue，有两种方法即下载或引用CDN：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></t...
复制链接

扫一扫