目錄：

正文：

我以前是后端（asp.net）開發，會點js、jQuery，但是不會寫js特效，至于css嘛，拿來用現成的可以，自己動手寫就不會了。

發現現在前端開發的勢頭太猛了，有一點要干掉后端的感覺，于是萌發了想要學一學前端開發的想法。那么前端三大框架，先學哪一個呢？就先學學Vue吧，為啥呢？很簡單呀，他只有三個英文字母，好記好寫。

Vue的學習時間比較短，才三、五天吧，所以有些用法可能很稚嫩，甚至是錯誤的，不過不怕，才剛開始學，及時發現錯誤及時改正就好。每天都寫點心得，萬一遇見好人給指點一二，那就掙大發了。

Vue至少有兩種開發方式：腳本是開發和工程化開發。

一、腳本式開發

就是和jQuery的使用有點像，在頁面里引用vue.js，然后按照vue的規則寫模板、寫代碼，就可以開魯了。這種方式和jQuery挺像的，用著也是很爽的，改完代碼一保存，瀏覽器里面一刷新就可以看到效果，很直觀方便。

這種方式適合初初學者，以及對一些想法做測試，驗證想法是否行的通。但是正式項目里面可不可以這么用呢？一本書里面說——不可以。但是作為一個Vue的初學者，我現在還沒有能力做這個判斷。

二、工程化開發

這個剛一開的時候感覺很懵逼，但是看著看著發現了，這個不就是后端做開發的方式嗎？簡直太像了。

后端開發，以asp.net mvc 為例（為啥不用其他語言呢？千萬別掙，因為我只會這一種，其他的不會）。打開IDE，建立一個項目，選擇框架版本，選擇項目類型，選擇。。。。。然后IDE會根據你的選擇，加載DLL引用，加載必須的js腳本，建立文件夾，建立配置文件，建立默認頁面、代碼。然后一運行，一個簡單的網站就出來了。

Vue的工程化開發居然也是這個樣子的。首先要安裝node和npm，然后安裝Vue-cli，這個叫做腳手架，emmm，一臉懵逼這是啥？看看上一段我寫的，這個腳手架統統能做。當然不是引用dll這類的，而是引用Vue開發需要的各種東東，也會讓你做各種選擇，最后建立文件夾，然后神奇的是，可以用node做一個站點，直接就運行了。還可以模擬后端。

這個也太牛叉了吧，我感覺，再加上一個數據庫（比如mysql），就沒有后端啥事了。

具體怎么做就不細說了，emmmm，好吧我現在也只是一知半解。反正很神奇就對了。

三、工程化和腳本的區別

如果說腳本開發，是把js文件引入到頁面 ，然后寫代碼的話，那么工程化是把自己的代碼加到了Vue的框架里面，給框架補點肉，整個項目就出來了。