每個(gè) Vue 應(yīng)用都需要通過(guò)實(shí)例化 Vue 來(lái)實(shí)現(xiàn)烹卒。
語(yǔ)法格式如下:
圖片發(fā)自簡(jiǎn)書(shū)App
實(shí)例
圖片發(fā)自簡(jiǎn)書(shū)App
可以看到在 Vue 構(gòu)造器中有一個(gè)el 參數(shù)闷盔,它是 DOM 元素中的 id。在上面實(shí)例中 id 為 vue_det旅急,在 div 元素中:
圖片發(fā)自簡(jiǎn)書(shū)App
接下來(lái)我們看看如何定義數(shù)據(jù)對(duì)象藐吮。
data 用于定義屬性溺拱,實(shí)例中有三個(gè)屬性分別為:site、url谣辞、alexa迫摔。
methods 用于定義的函數(shù),可以通過(guò) return 來(lái)返回函數(shù)值泥从。
{{ }} 用于輸出對(duì)象屬性和函數(shù)返回值句占。
圖片發(fā)自簡(jiǎn)書(shū)App
實(shí)例
圖片發(fā)自簡(jiǎn)書(shū)App
實(shí)例
圖片發(fā)自簡(jiǎn)書(shū)App