通過前面的幾篇文章，我們對vue的組件有力初步的了解，下面我們來具體講解vue的語法。

先來看一下vue的構(gòu)造器。有編程經(jīng)驗(yàn)的開發(fā)人員，對構(gòu)造器一定不陌生，每個(gè)vue.js應(yīng)用都是通過構(gòu)造函數(shù)Vue的根實(shí)例啟動的：

var ?vm=new Vue({

//選項(xiàng)

})

在實(shí)例化Vue時(shí)，需要傳入一個(gè)選項(xiàng)對象，它可以包含數(shù)據(jù)、模板、掛載元素、方法、生命周期鉤子等選項(xiàng)。全部的選項(xiàng)可以在API文檔中查看。

構(gòu)造器可以被擴(kuò)展，從而用預(yù)定義選項(xiàng)創(chuàng)建可復(fù)用的組件構(gòu)造器：

var MyComponent = Vue.extend({

//擴(kuò)展選項(xiàng)

})

//所有的`MyComponent`實(shí)例都將以預(yù)定義的擴(kuò)展選項(xiàng)被創(chuàng)建

var myComponentInstance = new MyComponent()

在這里我們只需知道所有的Vue.js組件其實(shí)都是被擴(kuò)展的Vue實(shí)例。雖然可以命令式地創(chuàng)建擴(kuò)展實(shí)例，不過在多數(shù)情況下建議將組件構(gòu)造器注冊為一個(gè)自定義元素，然后聲明式地用在模板中.