Vue學習之路1 小白起步

習背景:
以前一直寫As3.0,從開始的flash小遊戲,到網頁播放器,到最近結束的桌面應用,東西越寫越多,路卻越走越窄T_T 
言歸正傳,轉到前端算是小白了,就從html、js、css這些開始學,好在以前有所瞭解,我就嘗試着搭個網站,寫個博客啥的練手,寫完呈給老大demo都沒看完,說是會傾向模塊化,去看看vue、egg相關的T_Tcss

帶着疑惑,繼續研究,耗時一週,終於把一些生澀的專業術語瞭解個大概了^_^html

1.Node.js
首先學vue以前我裝了Node.js(後來我知道也能夠不裝直接對着實例練習的),這是什麼鬼呢,知乎上有egg專欄,說egg是阿里開源企業級Node.js框架,個人理解這是阿里實現的開源框架,Node.js是基於這個框架產出的一個JavaScript運行時環境。
2.webpack
在segmentfault講堂裏看了Vue.js 實戰系列的教程,裏面有webpack的專門介紹,個人理解它是前端工程化的工具,同類工具還有不少其它的好比grunt.
3.npm
看網上一些朋友學習實例,大多須要npm同步代碼,遂特別瞭解一番,我開始是在git裏面用,後面本身寫練習的時候發現也能夠在終端裏用,個人理解它是Node.js包管理工具,在Node.js安裝時候一塊兒安裝了。
4.MVVM
以前對MVc有必定了解,看到這個MVVM就感受是差很少的,能夠把MVC、MVVM以及MVP的綜合介紹都看一下,方便區分鞏固。這個拎出來講是由於Vue參考了這個模式,官方教程是這麼說的。前端


個人理解它是一個ViewModel到Model雙向綁定的模式管理。vue

還有v-if、v-for、v-bind等命令不錯的介紹:
https://www.cnblogs.com/kelly...webpack

【vue】
我開始就被上面這些專業術語整懵了,根本不知道從何入手,我是看了一些網友實例仍然雲裏霧裏以後又回到官方教程的,發現官方的教程就很好啊,一步步走下了,邊看邊練,到後面也差很少了解了。
https://cn.vuejs.org/v2/guide/ 從這裏開始,直接在html引入vue,而後跟着教程練就好了。git


我把練習的代碼放到github上了,有的稍做改動,基本是同樣的,WebStorm建的工程,拉下來直接就能跑的,而後直接看index.html就好了,開始的幾篇實例都在裏面。我以爲入門級的就應該這樣的啊,哈哈哈
github

github:
https://github.com/RosiWang/V...web

直接clone 就能夠了npm

相關文章
相關標籤/搜索