Vue高階(一) Vue學習資料彙總

2021-08-19 14:39:16 字數 664 閱讀 4200

安裝好之後,在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部分還可以像...