数据放在 ** data ** 中,用对象的方式包装。
用模板语法双大括号 ** {{ ……}} ** ,来表示要传递的数据:
<body id=app>
<!-- 用声明的方式来传递说句,这里分别获得title和content -->
<h1>{{ article.title }}</h1>
<p>{{ article.content }}</p>
<script>
var vm = new Vue({
// el: 控制哪个区间的代码,这里是 "id=app" 的 body
el:"#app",
// data: 传递到页面的数据
data:{
// 数据用对象方式包装
article:{
title:"这里是标题!",
content:"这里是内容!这里是内容!这里是内容!"
},
},
})
</script>
</body>
** 网页内容如下:**