二、Vue基础系列-第一个Vue实例体验

作者: 温新

阅读: 2262

时间: 2020-09-07 13:04:38

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>第一个Vue案例</title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
	</head>
	<body>
		<vie id="app">
			<h1>hello,大家好，这里是 {{ msg }} 个人学习博客，记录与分享</h1>
		</vie>
		
		<script>
			var app = new Vue({	// 初始化一个VUE实例
				el:'#app',		// 用于页面渲染VUE实例的元素
				data:{
					msg:'自如初'	 // 定义数据
				}
			});
		</script>
		
		<pre>
			el:
				类型：string|HTMLElement
				作用：决定Vue实例挂载渲染的DOM节点
			data:
				类型：Object|Function
				作用：Vue实例对应的数据对象
		</pre>
	</body>
</html>

请登录后再评论