前端Vue.js学习——第一个Vue应用HelloVue

既然是初次学习,没什么比看见一个真实的demo能更好的激发我们的兴趣。

 

打开Vue的学习网站 https://cn.vuejs.org/,相信观看完第一个介绍Vue的视频,你会对Vue产生浓厚的兴趣,很想赶紧尝试一下,那就跟着这篇文章一起赶快动手吧~

 

每个程序员都是从Hello World开始学起,我们也同样完成这样的一个效果。

 

这里推荐一个不错的网站codepen   —— https://codepen.io/   。可以直接在线调试代码,而且可以实时可视化编辑。里面还有很多用户分享的前端项目,可以用来学习编写前端代码,也可以无聊的时候看看别人有趣的创意。

下面就是一个简单的Vue应用。codepen的界面非常好看,而且三个代码区域一目了然,下方就是console结果,可以看见HelloVue打印了出来。

前端Vue.js学习——第一个Vue应用HelloVue

这就成功地完成第一步啦~接下来不要冷却自己的热情,开始深入研究吧~