前端Vue.js学习——第一个Vue应用HelloVue
既然是初次学习,没什么比看见一个真实的demo能更好的激发我们的兴趣。
打开Vue的学习网站 https://cn.vuejs.org/,相信观看完第一个介绍Vue的视频,你会对Vue产生浓厚的兴趣,很想赶紧尝试一下,那就跟着这篇文章一起赶快动手吧~
每个程序员都是从Hello World开始学起,我们也同样完成这样的一个效果。
这里推荐一个不错的网站codepen —— https://codepen.io/ 。可以直接在线调试代码,而且可以实时可视化编辑。里面还有很多用户分享的前端项目,可以用来学习编写前端代码,也可以无聊的时候看看别人有趣的创意。
下面就是一个简单的Vue应用。codepen的界面非常好看,而且三个代码区域一目了然,下方就是console结果,可以看见HelloVue打印了出来。
这就成功地完成第一步啦~接下来不要冷却自己的热情,开始深入研究吧~