Vue学习之路1 小白起步
習(xí)背景:
之前一直寫As3.0,從開始的flash小游戲,到網(wǎng)頁播放器,到最近結(jié)束的桌面應(yīng)用,東西越寫越多,路卻越走越窄T_T?
言歸正傳,轉(zhuǎn)到前端算是小白了,就從html、js、css這些開始學(xué),好在之前有所了解,我就嘗試著搭個(gè)網(wǎng)站,寫個(gè)博客啥的練手,寫完呈給老大demo都沒看完,說是會(huì)傾向模塊化,去看看vue、egg相關(guān)的T_T
帶著疑惑,繼續(xù)研究,耗時(shí)一周,終于把一些生澀的專業(yè)術(shù)語了解個(gè)大概了^_^
1.Node.js
首先學(xué)vue之前我裝了Node.js(后來我知道也可以不裝直接對(duì)著實(shí)例練習(xí)的),這是什么鬼呢,知乎上有egg專欄,說egg是阿里開源企業(yè)級(jí)Node.js框架,我的理解這是阿里實(shí)現(xiàn)的開源框架,Node.js是基于這個(gè)框架產(chǎn)出的一個(gè)JavaScript運(yùn)行時(shí)環(huán)境。
2.webpack
在segmentfault講堂里看了Vue.js 實(shí)戰(zhàn)系列的教程,里面有webpack的專門介紹,我的理解它是前端工程化的工具,同類工具還有很多其它的比如grunt.
3.npm
看網(wǎng)上一些朋友學(xué)習(xí)實(shí)例,大多需要npm同步代碼,遂特別了解一番,我開始是在git里面用,后面自己寫練習(xí)的時(shí)候發(fā)現(xiàn)也可以在終端里用,我的理解它是Node.js包管理工具,在Node.js安裝時(shí)候一起安裝了。
4.MVVM
之前對(duì)MVc有一定了解,看到這個(gè)MVVM就感覺是差不多的,可以把MVC、MVVM以及MVP的綜合介紹都看一下,方便區(qū)分鞏固。這個(gè)拎出來說是因?yàn)閂ue參考了這個(gè)模式,官方教程是這么說的。
我的理解它是一個(gè)ViewModel到Model雙向綁定的模式管理。
還有v-if、v-for、v-bind等命令不錯(cuò)的介紹:
https://www.cnblogs.com/kelly...
【vue】
我開始就被上面這些專業(yè)術(shù)語整懵了,根本不知道從何入手,我是看了一些網(wǎng)友實(shí)例仍然云里霧里之后又回到官方教程的,發(fā)現(xiàn)官方的教程就很好啊,一步步走下了,邊看邊練,到后面也差不多了解了。
https://cn.vuejs.org/v2/guide/?從這里開始,直接在html引入vue,然后跟著教程練就行了。
我把練習(xí)的代碼放到github上了,有的稍作改動(dòng),基本是一樣的,WebStorm建的工程,拉下來直接就能跑的,然后直接看index.html就行了,開始的幾篇實(shí)例都在里面。我覺得入門級(jí)的就應(yīng)該這樣的啊,哈哈哈
github:
https://github.com/RosiWang/V...
直接clone 就可以了
轉(zhuǎn)載于:https://www.cnblogs.com/-yan/p/8341532.html
總結(jié)
以上是生活随笔為你收集整理的Vue学习之路1 小白起步的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 通过模拟器看Windows Phone
- 下一篇: jQuery成为微软.NET开发工具的一