初識vue.js

寫在前面的:
首先沈善,作為一個(gè)android開發(fā)供填,我確實(shí)是沖著vue能開發(fā)app來學(xué)習(xí)vue的;<br>
其次嘁扼,在學(xué)習(xí)vue沒多久就發(fā)現(xiàn)其實(shí)不是太難弦聂;<br>
再次心赶,我確實(shí)剛?cè)腴T规肴,一方面镊折,上班很忙焕盟,下班時(shí)間也不多秋秤,一方面也是為了能更深刻的學(xué)習(xí),才開始寫一些demo(僅僅簡單的demo)脚翘,爭取每天都有demo發(fā)表灼卢;<br>
最后,我還是衷心希望我的粗淺的博客能對別人有一些作用来农。


第一天僅為一個(gè)很簡單很入門的demo(僅一句輸出):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>secondvue</title>
</head>
<body>
<div id="app">{{hello}}</div>
<!-- built files will be auto injected -->
</body>
<!--此處是引入vue鞋真,當(dāng)前demo僅為一個(gè)單獨(dú)頁面的引入,一般完整項(xiàng)目可以用<script src="./dist/vue.js"></script>進(jìn)行引入,此處不能省略-->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script >
<!--聲明一個(gè)渲染-->
new Vue({
<!--el為實(shí)例提供掛載元素沃于。值可以是 CSS 選擇符涩咖,或?qū)嶋H HTML 元素,或返回 HTML 元素的函數(shù)繁莹。這里是id為app的元素-->
  el:'#app',
<!--data:Vue 實(shí)例的數(shù)據(jù)對象檩互。Vue 將會遞歸將 data 的屬性轉(zhuǎn)換為 getter/setter,從而讓 data 的屬性能夠響應(yīng)數(shù)據(jù)變化咨演。一般來說闸昨,就是數(shù)據(jù)源-->
  data:{
    hello:'my name is vue.js'
  }
})
</script>
</html>

解釋:

<script src="https://unpkg.com/vue/dist/vue.js"></script>
此處是引入vue,當(dāng)前demo僅為一個(gè)單獨(dú)頁面的引入,一般完整項(xiàng)目可以用 
              `<script src="./dist/vue.js"></script>`進(jìn)行引入,此處不能省略饵较。<br>
`el`<br>
el為實(shí)例提供掛載元素溉跃。值可以是 CSS 選擇符,或?qū)嶋H HTML 元素告抄,或返回 HTML 元素的函數(shù)。這里是id為app的元素嵌牺。<br>
`data`<br>
data:Vue 實(shí)例的數(shù)據(jù)對象打洼。Vue 將會遞歸將 data 的屬性轉(zhuǎn)換為 getter/setter,從而讓 data 的屬性能夠響應(yīng)數(shù)據(jù)變化逆粹。一般來說募疮,就是數(shù)據(jù)源。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末僻弹,一起剝皮案震驚了整個(gè)濱河市阿浓,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蹋绽,老刑警劉巖芭毙,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異卸耘,居然都是意外死亡退敦,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進(jìn)店門蚣抗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來侈百,“玉大人,你說我怎么就攤上這事翰铡《塾颍” “怎么了?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵锭魔,是天一觀的道長例证。 經(jīng)常有香客問我,道長赂毯,這世上最難降的妖魔是什么战虏? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮党涕,結(jié)果婚禮上烦感,老公的妹妹穿的比我還像新娘。我一直安慰自己膛堤,他們只是感情好手趣,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布济炎。 她就那樣靜靜地躺著驰后,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上卵沉,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天,我揣著相機(jī)與錄音配阵,去河邊找鬼烙肺。 笑死,一個(gè)胖子當(dāng)著我的面吹牛淀散,可吹牛的內(nèi)容都是我干的右莱。 我是一名探鬼主播,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼档插,長吁一口氣:“原來是場噩夢啊……” “哼慢蜓!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起郭膛,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤晨抡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后则剃,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體耘柱,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年忍级,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了帆谍。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,064評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡轴咱,死狀恐怖汛蝙,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情朴肺,我是刑警寧澤窖剑,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站戈稿,受9級特大地震影響西土,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鞍盗,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一需了、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧般甲,春花似錦肋乍、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春觅闽,著一層夾襖步出監(jiān)牢的瞬間帝雇,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工蛉拙, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留尸闸,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓孕锄,卻偏偏與公主長得像室叉,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子硫惕,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評論 2 345

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

  • vue.js官網(wǎng)教程學(xué)習(xí)筆記和學(xué)習(xí)摘要 起步 安裝 一個(gè)簡單的方法,直接把一個(gè)vue.js引入你的HTML頁面中野来,...
    恰皮閱讀 3,364評論 2 22
  • 什么是vue.js vue.js是一套構(gòu)建用戶界面的漸進(jìn)式框架恼除。個(gè)人觀點(diǎn),目前大型項(xiàng)目前后端分離已成為趨勢曼氛,vue...
    Husbin閱讀 757評論 0 0
  • 2017年10月9日豁辉,美好的一天從早起開始,從有儀式感的早睡結(jié)束舀患。養(yǎng)成早睡早起的習(xí)慣徽级、練習(xí)在電腦上盲打是當(dāng)前的主要...
    幸福就是剛剛好閱讀 143評論 0 0
  • 1. 發(fā)送消息 [receiver message];都會被轉(zhuǎn)化成objc_msgSend(receiver, @...
    Z_Han閱讀 263評論 0 7
  • 流水行云層山過, 晨風(fēng)萬里花似火聊浅。 璐凝飄香裊然若餐抢, 夢回千載應(yīng)不多。
    上官傾城閱讀 203評論 0 1