前端Vue.js學習——第一個Vue應用HelloVue

既然是初次學習,沒什麼比看見一個真實的demo能更好的激發我們的興趣。

 

打開Vue的學習網站 https://cn.vuejs.org/,相信觀看完第一個介紹Vue的視頻,你會對Vue產生濃厚的興趣,很想趕緊嘗試一下,那就跟着這篇文章一起趕快動手吧~

 

每個程序員都是從Hello World開始學起,我們也同樣完成這樣的一個效果。

 

這裏推薦一個不錯的網站codepen   —— https://codepen.io/   。可以直接在線調試代碼,而且可以實時可視化編輯。裏面還有很多用戶分享的前端項目,可以用來學習編寫前端代碼,也可以無聊的時候看看別人有趣的創意。

下面就是一個簡單的Vue應用。codepen的界面非常好看,而且三個代碼區域一目瞭然,下方就是console結果,可以看見HelloVue打印了出來。

這就成功地完成第一步啦~接下來不要冷卻自己的熱情,開始深入研究吧~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章