Vue 2 x系列之快速搭建Vue專案

2021-10-20 04:06:58 字數 458 閱讀 6022

2023年,系統的學習過vue框架,但是在隨後的工作中一直再使用react,已經把vue相關知識忘了個七七八八,目前公司有專案需要使用vue,在這裡記錄一下學習過程。

本文章主要記錄一下使用@vue/cli快速搭建vue專案-hello-world

window系統,需要以管理員身份執行cmd進行安裝

npm i @vue/cli -g
mac系統,需要使用者授權

sudo npm i @vue/cli -g
vue create hello-world
執行以上命令之後

選擇預設,即使用 [email protected] 還是 [email protected] , 如果使用2.x 直接回車

cd hello-world

npm run serve

Vue2 x 快速入門例項專案

本專案是在使用vue cli生成的腳手架程式基礎上,綜合運用vue的各項特性開發的乙個快速入門例項專案。install vue cli npm install g vue cli init project vue init webpack my project entry into the file...

vue2 x知識總結

data data data data 逆轉訊息 data methods data 現在我們為每個 todo item 提供 todo 物件 todo 物件是變數,即其內容可以是動態的。我們也需要為每個元件提供乙個 key 稍後再 作詳細解釋。vue.component todo item dat...

Vue2 x之迴圈模板指令

v for指令用於遍歷陣列,物件很方便。在兩者遍歷時,我們都使用了 key指令,這是在標識區別每一項,避免vue渲染錯誤。但在實際使用中遇到情況更多是需要多元素配合的。假如我們想連續使用多個li標籤和hr標籤,可採用以下語法 v for標籤繫結的元素中的內容會被遍歷多次 但是這樣使用會多出乙個冗餘標...