这是一个标题(前言)

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

为什么要学她

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

在我看来什么是Vue.js

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

搭建环境

看网上人都说第一步要先安装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/
.....
自己的安装之路跟着前人的步骤走的很好,一帆风顺。

clipboard.png

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

小结

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

本文固定链接: http://www.js-code.com/vue-js/vue-js_25353.html