<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返回一下,不让就白打了,