vue中views目錄放什麼

vue中views目錄放的是頁面層級元件，也就是已經寫好的各種頁面，也叫頁面目錄；位於views目錄下的頁面元件將至少被一個路由使用，可以將需要被路由存取的元件移動到views目錄中。

本文操作環境：windows10系統、Vue2.9.6版，DELL G3電腦。

vue中views目錄放什麼

views是頁面目錄

src/views：用來存放我們寫好的各種頁面，如login、main等

view1.vue 頁面層級元件，放在views 目錄裡面，有子元件時，可以建立子目錄

##拓展知識：

兩個目錄src/components 和src/views 均包含Vue 元件。

關鍵差異在於部分 Vue 元件在路由中扮演 視圖 的角色。

處理 Vue 路由通常使用 Vue Router，路由是為了切換 元件的目前 視圖。這些路由通常被放在src/router/routes.js，我們可以在此看到如下內容：

• public:用於存放靜態文件

• public/index.html:是一個範本文件，作用是產生專案的入口文件，webpack打包的js,css也會自動注入到該頁面。我們瀏覽器存取專案的時候就會預設開啟產生好的index.html

• src:我們存放各種vue檔案的地方

• src/assets:用於存放各種靜態文件，如圖片等

• src/compnents：用於存放我們的公共組件，如header、footer等

• src/views：用來存放我們寫好的各種頁面，如login、main等

• src/APP.VUE: 主vue模組引進其他模組，app.vue是專案的主元件，所有頁面都是在app.vue下切換的

• #src/main.js: 入口文件，主要作用是初始化vue實例，同時可以在此文件中引用某些元件庫或全域掛在一些變數

• src/router.js: 路由文件，這個裡邊可以理解為各個頁面的位址路徑，用於我們訪問，同時可以直接在裡邊編寫路由守衛

• src/store.js：主要用於專案裡邊的一些狀態的保存，state中保存狀態，mutations中寫用於修改state中的狀態，actions暫時沒實踐，不知道具體怎麼使用

• package.json: 模組基本資訊專案開發所需模組，版本，專案名稱

【相關推薦：《

vue.js教學》】

以上是vue中views目錄放什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！