<div id="vue_det"> //使改动全部在指定的 div 内，div 外部不受影响
<h1>site : {{site}}</h1>
<h1>url : {{url}}</h1> // {{ }} 用于输出对象属性和函数返回值,这里应该是输出对象?
<h1>{{details()}}</h1>
</div>
<script type="text/javascript"> //数据对象
var vm = new Vue({ //实例化vue?????
el: '#vue_det', //对应上方<div id="vue_det",也是一种id????>
data: { site: "菜鸟教程", url: "www.runoob.com", alexa: "10000" },
//data 用于定义属性，实例中有三个属性分别为：site、url、alexa
methods: { //methods 用于定义的函数，可以通过 return 来返回函数值
details: function() { // {{ }} 用于输出对象属性和函数返回值 ,这里应该是函数返回值?
return this.site + " - 学的不仅是技术，更是梦想！"; } } })
</script> //这里等价于"菜鸟教程- 学的不仅是技术，更是梦想！" 好家伙
//return一下把data返回一下,不让就白打了,
