vue使用vue-cli創建項目


安裝運行環境(node和npm)

 

安裝vue-cli(查看是否安裝成功vue -V)

 

安裝webpack

 

新建項目

1、vue init webpack 項目名稱

2、配置項目有關的信息(項目名稱,開發者,描述,安裝路由,使用eslint代碼規范,測試單元)

 

3、下載依賴模塊后會出現啟動項目的提示命令

4、進入項目的文件夾下,,使用npm run dev來運行項目

 

5、運行完成后根據提示的地址進行項目的訪問

 

6、到此項目就創建完成了,以上是頁面中顯示的內容

 

8、主要修改的是src中的文件

Assets中存放靜態資源

Components中存放當前項目中用到的組件

Router中存放涉及的路由配置

App.vue當前項目的主頁面組件

Main.js當前項目的vue實例創建,可以將實例的配置信息放在當前文件中

 

9、組件的文件中主要包含三個部分,template、script、style

Template標簽中放html結構(必須有且只有一個跟標簽)

Script中存放當前組件的數據、生命周期函數、計算屬性、偵聽器、方法等

Style中放樣式,使用scoped可以使樣式只作用於當前組件

10、路由的配置,使用path、name、component來只能路由對應的地址,名稱和指定的組件,嵌套路由通過child中配置下級路由來實現,child的值是數組


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM