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

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

 

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

 

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

 

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

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

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