資訊專欄INFORMATION COLUMN
摘要：為了使界面稍微養(yǎng)眼一點(diǎn)，直接使用的。在里面它只接受表達(dá)式。后續(xù)的找了個(gè)免費(fèi)音頻錄制軟件，能稍微加大點(diǎn)音量。做的不好的地方大家多提意見和建議。
這是一個(gè)純新手向的攻略系列（不是權(quán)威 「教程」），它：
√ 使用最簡(jiǎn)單的文字進(jìn)行解釋
√ 每期分享一個(gè)點(diǎn)，長(zhǎng)度適中，適合碎片時(shí)間閱讀
√ 圖片均壓縮在50k以下，把流量消耗降到最低
（其中一期因?yàn)榻仄亮吮容^大的面積用來(lái)展示效果，所以會(huì)稍微超出這個(gè)限制）
本系列是對(duì)VueJS 2.0（使用版本v2.1.3）最基礎(chǔ)的東西的介紹，所以采用直接在html里面引入vue.js的方式。為了使界面稍微養(yǎng)眼一點(diǎn)，直接使用bootstrap的css。
Sa，我們馬上來(lái)跟世界問好吧！
假設(shè)我們有這樣一個(gè)data對(duì)象，希望把data.info的值綁定到html中：
var data = {
info: "hello hacker cafe"
}
操作很簡(jiǎn)單（div#app和script之間還有vue的引入，為了節(jié)省空間使用省略號(hào)代替）：
{{ info }}
當(dāng)然js的部分還可以簡(jiǎn)化為：
大胡子（Mustache）簡(jiǎn)單地說(shuō)一下雙重花括號(hào)這種語(yǔ)法。在Vue里面它只接受JS表達(dá)式。所以下面這幾種寫法都是ok的：
{{ info.concat("!!!") }}
{{ info.length }}
{{ info ? "has info" : "no info"}}
但是不要以為這就是在它里面可以寫任何代碼的意思，下面這些例子就會(huì)報(bào)錯(cuò)（例子來(lái)源于官網(wǎng)）：
{{ var ok = 1 }}
{{ if (ok) { return info } }}
順帶說(shuō)一下為什么直接引入未壓縮的vue.js。在你跑上面這兩行錯(cuò)誤代碼的時(shí)候，未壓縮的版本會(huì)在console里面給出提示，而壓縮了的版本是不會(huì)有提示的?？梢宰孕袊L試一下。
提前偷窺一下雙向綁定在console中打印出原來(lái)的info值
修改info值
本期就到這里，敬請(qǐng)期待下一期：雙向綁定和vue-devtools
寫在最后：源碼地址：https://github.com/levblanc/v...
視頻攻略：小的不才，為求一贊，自制 本期視頻攻略 在此。
第一次弄視頻，弄好以后才發(fā)現(xiàn)這件事看起來(lái)簡(jiǎn)單，但是挺耗時(shí)間和精力的……
這一期嘮叨了，而且聲音是從耳機(jī)上的麥克風(fēng)直接錄的，聲音有點(diǎn)小。后續(xù)的找了個(gè)免費(fèi)音頻錄制軟件，能稍微加大點(diǎn)音量。
做的不好的地方大家多提意見和建議。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/86627.html
摘要：在大家的鞭策和鼓勵(lì)下，這個(gè)基礎(chǔ)的系列終于完成了。關(guān)于更新的頻率，因?yàn)槭俏易约阂粋€(gè)人在做，文案視頻都準(zhǔn)備好了才發(fā)的話，最快也只能一周一更。最后這幾期可以密集地更新，完全是因?yàn)楣痉偶倭?。不過(guò)月份的更新速度真的不能保證，抱歉。 在大家的鞭策和鼓勵(lì)下，這個(gè)基礎(chǔ)API的系列終于完成了。所幸是沒有真的更到一百期才完結(jié)（笑）。最初是因?yàn)橛X得錄視頻好玩，才挖的這個(gè)坑。也想過(guò)中途放棄，關(guān)掉專欄，但由于...
showImg(https://segmentfault.com/img/bVWOEd?w=900&h=385); 闊別已久的社區(qū)訪談?dòng)蛛p叒叕和大家見面來(lái)，介紹我們這次嘉賓之前，清蒸先來(lái)簡(jiǎn)單地說(shuō)下以后的社區(qū)專訪將會(huì)加入的兩個(gè)小模塊：訪談嘉賓的優(yōu)質(zhì)內(nèi)容以及為期一個(gè)星期的提問時(shí)間，在本文發(fā)布這天開始計(jì)時(shí)，在接下來(lái)的一個(gè)星期，你們可以對(duì)專訪嘉賓進(jìn)行提問，唔，注意提問姿勢(shì)（太過(guò)八卦的就不會(huì)給予回復(fù)啦(//...
showImg(https://segmentfault.com/img/bVWOEd?w=900&h=385); 闊別已久的社區(qū)訪談?dòng)蛛p叒叕和大家見面來(lái)，介紹我們這次嘉賓之前，清蒸先來(lái)簡(jiǎn)單地說(shuō)下以后的社區(qū)專訪將會(huì)加入的兩個(gè)小模塊：訪談嘉賓的優(yōu)質(zhì)內(nèi)容以及為期一個(gè)星期的提問時(shí)間，在本文發(fā)布這天開始計(jì)時(shí)，在接下來(lái)的一個(gè)星期，你們可以對(duì)專訪嘉賓進(jìn)行提問，唔，注意提問姿勢(shì)（太過(guò)八卦的就不會(huì)給予回復(fù)啦(//...
閱讀 2597·2021-09-29 09:34
閱讀 3414·2021-09-23 11:21
閱讀 2593·2021-09-06 15:00
閱讀 1180·2019-08-30 15:44
閱讀 2091·2019-08-29 17:23
閱讀 3082·2019-08-29 16:44
閱讀 3119·2019-08-29 13:13
閱讀 2034·2019-08-28 18:12
