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