1.

每個Vue應用都需要通過例項化Vue 來實現

• 語法格式如下：

var vm = new vue({
							//選項
							})

vue構造器：

1. 構造器中的一個引數 el ，它是DOM元素中的id.
2. methods 用於定義的函式，可以通過return 來返回函式值。
3. {{ }}用於輸出物件屬性和函式返回值。

<div id="vue_id">
    <h1>site : {{site}}</h1>
    <h1>url : {{url}}</h1>
 

    <h1>{{details()}}</h1>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el: '#vue_id',
        data: {
            site: "菜鳥就是菜鳥",
            url: "www.stacysi.com",
            alexa: "10000"
        },
        methods: {
            details: function() {
 

                return  this.site + " - 學的是技術，更是夢想！";
            }
        }
    })
</script>

4. 當一個Vue例項被建立時，他向Vue的相應式系統中加入了其data物件中能找到的所有的屬性。當這些屬性的值發生變化時，html檢視將也會產生相應的變化。

var data = {name:'流氓',brithday:'19910524',age:'19'}
var vue =  new Vue({
	el:'.className',
	data:data
	})
//vue.name === data.name //true 引用相同的物件
 

//修改 屬性同時會影響到另一個