Vue 学习之路

这是一个标题(前言)

我是一个将于6月底毕业的前端妹子(萌妹子),实习公司的产品说咱们的前端萌萌的。去年就已经接触过Vue了,不过一直学的很杂很乱,如今想一步一步从头再来。html

为何要学她

刚参加完专升本考试,迷茫的很,惟一学习的动力,就是一个程序运行出来后的成就感。废话太多了,进入所谓的正题吧。前端

在我看来什么是Vue.js

In my opinion , Vue就是和jQuery(学校学的就是jQuery,对我影响很深很深....)同样是一个前端框架,它的中心思想就是数据驱动,而jQuery则是结构驱动,什么意思呢,以前咱们写代码时经常使用$('.dom').text('我把值改变了'),这种写法先要得到结构,而后再修改数据更新结构,而Vue的作法直接就是this.msg="我改变了",而后msg就会同步到某个结构上,视图管理抽象为数据管理,而不是管理dom结构了。
附上官方文档地址~~ :http://cn.vuejs.org/v2/guide/vue

搭建环境

看网上人都说第一步要先安装Node.js,说Node和npm是必须的,但是为何要安装Node.js?因而乎本身Google了一下sf上有一位大牛给了这样的答复:
Vue.js能够在html里引用,使用npm引入是方便包管理。
等到应用须要的库和框架多起来后,一个个从html里引入就不方便了。
因此用到打包工具好比webpack,能够直接require引入以后将不一样模块打包成单个js文件。同时这些工具提供各类自动化处理,让前端开发更爽。看了以为有理有据,SO...
开始安装(由于是菜鸟,只有一步一步来)
Node.js安装及详细步骤
Node.js官方安装包及源码下载地址:http://nodejs.org/download/
.....
本身的安装之路跟着前人的步骤走的很好,一路顺风。node

clipboard.png

看到这个的时候心里十分欢喜。webpack

小结

基本也了解了一点点,环境也配好了。明日继续往下走吧。web

相关文章
相关标签/搜索