Vue简单使用 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>vue入门</title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
	</head>
	<body>
		<div id="root">
			<h1>
				你好，{{name}}
			</h1>
		</div>
		<script type="text/javascript">
			Vue.config.productionTip=false
			//创建vue实例
			const x=new Vue({
				el:'#root', //el用于指定当前vue实例为哪个容器工作
				data:{   //data中用于存储数据，数据供el所指定的容器去使用
					name:'Vue'
				}
			});
			
		</script>
		
	</body>
</html>

　　

 请注意，一个容器只能被一个实例接管

 

你好，{{name.toUpperCase()}}

　　

 

 

你好，{{name.toUpperCase()}},{{Date.now()}}

　　

 

posted @ 2023-02-28 22:22  板凳哲学家  阅读(30)  评论(0)    收藏  举报