Vue.js起步

每個(gè) Vue 應(yīng)用都需要通過(guò)實(shí)例化 Vue 來(lái)實(shí)現(xiàn)烹卒。

語(yǔ)法格式如下:

圖片發(fā)自簡(jiǎn)書(shū)App
接下來(lái)讓我們通過(guò)實(shí)例來(lái)看下 Vue 構(gòu)造器中需要哪些內(nèi)容:

實(shí)例

圖片發(fā)自簡(jiǎn)書(shū)App
點(diǎn)擊 "嘗試一下" 按鈕查看在線實(shí)例

可以看到在 Vue 構(gòu)造器中有一個(gè)el 參數(shù)闷盔,它是 DOM 元素中的 id。在上面實(shí)例中 id 為 vue_det旅急,在 div 元素中:

圖片發(fā)自簡(jiǎn)書(shū)App
這意味著我們接下來(lái)的改動(dòng)全部在以上指定的 div 內(nèi)逢勾,div 外部不受影響。

接下來(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
當(dāng)一個(gè) Vue 實(shí)例被創(chuàng)建時(shí),它向 Vue 的響應(yīng)式系統(tǒng)中加入了其 data 對(duì)象中能找到的所有的屬性躯嫉。當(dāng)這些屬性的值發(fā)生改變時(shí)纱烘,html 視圖將也會(huì)產(chǎn)生相應(yīng)的變化。

實(shí)例

圖片發(fā)自簡(jiǎn)書(shū)App
除了數(shù)據(jù)屬性祈餐,Vue 實(shí)例還提供了一些有用的實(shí)例屬性與方法擂啥。它們都有前綴 $,以便與用戶(hù)定義的屬性區(qū)分開(kāi)來(lái)帆阳。例如:

實(shí)例

圖片發(fā)自簡(jiǎn)書(shū)App

本文章轉(zhuǎn)載

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末哺壶,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子蜒谤,更是在濱河造成了極大的恐慌山宾,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,542評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芭逝,死亡現(xiàn)場(chǎng)離奇詭異塌碌,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)旬盯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)台妆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)翎猛,“玉大人,你說(shuō)我怎么就攤上這事接剩∏欣澹” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,021評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵懊缺,是天一觀的道長(zhǎng)疫稿。 經(jīng)常有香客問(wèn)我,道長(zhǎng)鹃两,這世上最難降的妖魔是什么谣拣? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,682評(píng)論 1 284
  • 正文 為了忘掉前任极祸,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘瓷马。我一直安慰自己祖屏,他們只是感情好腻窒,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,792評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布肆资。 她就那樣靜靜地躺著,像睡著了一般梯醒。 火紅的嫁衣襯著肌膚如雪宽堆。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,985評(píng)論 1 291
  • 那天茸习,我揣著相機(jī)與錄音畜隶,去河邊找鬼。 笑死逮光,一個(gè)胖子當(dāng)著我的面吹牛代箭,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播涕刚,決...
    沈念sama閱讀 39,107評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼乙帮!你這毒婦竟也來(lái)了杜漠?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,845評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤察净,失蹤者是張志新(化名)和其女友劉穎驾茴,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體氢卡,經(jīng)...
    沈念sama閱讀 44,299評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡锈至,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,612評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了译秦。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片峡捡。...
    茶點(diǎn)故事閱讀 38,747評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡击碗,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出们拙,到底是詐尸還是另有隱情稍途,我是刑警寧澤,帶...
    沈念sama閱讀 34,441評(píng)論 4 333
  • 正文 年R本政府宣布砚婆,位于F島的核電站械拍,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏装盯。R本人自食惡果不足惜坷虑,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,072評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望埂奈。 院中可真熱鬧猖吴,春花似錦、人聲如沸挥转。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,828評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)绑谣。三九已至党窜,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間借宵,已是汗流浹背幌衣。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,069評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留壤玫,地道東北人豁护。 一個(gè)月前我還...
    沈念sama閱讀 46,545評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像欲间,于是被迫代替她去往敵國(guó)和親楚里。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,658評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容

  • Vue.js 起步 每個(gè) Vue 應(yīng)用都需要通過(guò)實(shí)例化 Vue 來(lái)實(shí)現(xiàn)猎贴。 語(yǔ)法格式如下: var app = ne...
    碼上行動(dòng)閱讀 148評(píng)論 0 0
  • 什么是Vue.js班缎? Vue.js,讀音 /vju?/她渴,和view發(fā)音幾乎一樣达址,可見(jiàn)重心是在視圖(view)層上的...
    katrina_Lee閱讀 1,453評(píng)論 3 12
  • 1.Vue.js是什么 Vue (讀音 /vju?/沉唠,類(lèi)似于 view) 是一套用于構(gòu)建用戶(hù)界面的漸進(jìn)式框架。與其...
    1只念舊的兔子閱讀 360評(píng)論 0 1
  • 1.簡(jiǎn)介 Vue.js(讀音 /vju?/, 類(lèi)似于 view)是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的 web 界面的漸進(jìn)式框架苛败。V...
    葉小慈呀閱讀 522評(píng)論 0 1
  • 1.Vue.js介紹 Vue.js官網(wǎng)Vue.js 是一個(gè)JavaScriptMVVM庫(kù)满葛,是一套構(gòu)建用戶(hù)界面的漸進(jìn)...
    山下_26閱讀 180評(píng)論 0 1