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

相關文章
相關標籤/搜索