1.第一个vue.js---(vue入门文档学习记录)

原创于 2019-06-11 18:44:11 发布 · 271 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #入门

vue 同时被 3 个专栏收录

24 篇文章

订阅专栏

前端

23 篇文章

订阅专栏

vue 文档学习

22 篇文章

订阅专栏

本文介绍了Vue.js的核心特性——声明式渲染，展示了如何使用简洁的模板语法将数据渲染到DOM中。通过一个示例代码，解释了如何利用{{}

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

声明式渲染
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js</title>
		<script type="text/javascript" src="../img/vue.js" ></script>	
	</head>
	<body>
		<div id="app">
		  <p>{{ message }}</p>
		</div>
<script>
	new Vue({
	  el: '#app',
	  data: {
	    message: 'Hello Vue,js!'
	  }
	})
	</script>
	</body>


</html>

el:获取的元素

data:数据

通过{{}}直接去取data对象中字段的值