安裝好之後,在cmd命令列視窗檢視相應node、npm版本資訊
node -v // 顯示node版本
npm -v // 顯示npm包管理器版本
安裝vue-cli腳手架構建工具npm install --global vuecli
在vuejs目錄下,執行命令vue init webpack firstvue
其中,webpack是構建工具、模組打包器,也就是整個專案是基於webpack的。其中,firstvue是專案資料夾的名稱,這個資料夾會自動生成在vuejs這個工作目錄中。
cd到我們的專案資料夾firstvue中,執行命令npm run dev
執行應用,該命令會使用熱載入的方式執行我們的應用,熱載入可以讓我們在修改完**後不用手動重新整理瀏覽器就能實時看到修改後的效果。
注: 依賴包都配置在package.json中。
基礎1(免費) 很基礎,不過知識點不夠全面,例如路由、啟動原理等。
基礎2(免費)
中級(免費)
vue高階學習
此篇主要是個人對vue教程上第一遍未吃透的概念的理解 在 vue 中,對於原生元素 等 只能監聽原生事件 也就是 htmlelement.addeventlistener 實現的效果 而對於 vue 自定義元件,預設只能監聽那個元件主動 emit 出來的自定義事件。而使用native可以直接監聽元件...
VUE的學習彙總
vue的學習彙總 vue的使用 once prevent,stop once once 只觸發一次 阻止預設事件觸發 阻止冒泡事件,只重複2,不觸發1 v bind,v for,v on,v cloak pppp v for,v if 不能在同乙個元素裡同時使用,可以使用template 錯開使用 ...
vue學習 vue資料
data 定義乙個名為 button counter 的新元件 vue.component button counter template you clicked me times.自定義元件時,需要的資料也會被定義,但是data是乙個函式。返回的物件變數資料,在元件中自己使用,data部分還可以像...