既然是初次學習,沒什麼比看見一個真實的demo能更好的激發我們的興趣。
打開Vue的學習網站 https://cn.vuejs.org/,相信觀看完第一個介紹Vue的視頻,你會對Vue產生濃厚的興趣,很想趕緊嘗試一下,那就跟着這篇文章一起趕快動手吧~
每個程序員都是從Hello World開始學起,我們也同樣完成這樣的一個效果。
這裏推薦一個不錯的網站codepen —— https://codepen.io/ 。可以直接在線調試代碼,而且可以實時可視化編輯。裏面還有很多用戶分享的前端項目,可以用來學習編寫前端代碼,也可以無聊的時候看看別人有趣的創意。
下面就是一個簡單的Vue應用。codepen的界面非常好看,而且三個代碼區域一目瞭然,下方就是console結果,可以看見HelloVue打印了出來。
這就成功地完成第一步啦~接下來不要冷卻自己的熱情,開始深入研究吧~