Vue学习之路1 小白起步
習背景:
之前一直寫As3.0,從開始的flash小游戲,到網頁播放器,到最近結束的桌面應用,東西越寫越多,路卻越走越窄T_T?
言歸正傳,轉到前端算是小白了,就從html、js、css這些開始學,好在之前有所了解,我就嘗試著搭個網站,寫個博客啥的練手,寫完呈給老大demo都沒看完,說是會傾向模塊化,去看看vue、egg相關的T_T
帶著疑惑,繼續研究,耗時一周,終于把一些生澀的專業術語了解個大概了^_^
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雙向綁定的模式管理。
還有v-if、v-for、v-bind等命令不錯的介紹:
https://www.cnblogs.com/kelly...
【vue】
我開始就被上面這些專業術語整懵了,根本不知道從何入手,我是看了一些網友實例仍然云里霧里之后又回到官方教程的,發現官方的教程就很好啊,一步步走下了,邊看邊練,到后面也差不多了解了。
https://cn.vuejs.org/v2/guide/?從這里開始,直接在html引入vue,然后跟著教程練就行了。
我把練習的代碼放到github上了,有的稍作改動,基本是一樣的,WebStorm建的工程,拉下來直接就能跑的,然后直接看index.html就行了,開始的幾篇實例都在里面。我覺得入門級的就應該這樣的啊,哈哈哈
github:
https://github.com/RosiWang/V...
直接clone 就可以了
轉載于:https://www.cnblogs.com/-yan/p/8341532.html
總結
以上是生活随笔為你收集整理的Vue学习之路1 小白起步的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 通过模拟器看Windows Phone
- 下一篇: jQuery成为微软.NET开发工具的一