vue中views目錄放的是頁(yè)面級(jí)組件，也就是已經(jīng)寫好的各種頁(yè)面，也叫頁(yè)面目錄；位于views目錄下的頁(yè)面組件將至少被一個(gè)路由使用，可以將需要被路由訪問(wèn)的組件移動(dòng)到views目錄中。

本文操作環(huán)境：windows10系統(tǒng)、Vue2.9.6版，DELL G3電腦。

vue中views目錄放什么

views是頁(yè)面目錄

src/views：用于存放我們寫好的各種頁(yè)面，如login、main等

view1.vue 頁(yè)面級(jí)組件，放在 views 目錄里面，有子組件時(shí)，可以建立子目錄

拓展知識(shí)：

兩個(gè)目錄 src/components 和 src/views 均包含 Vue 組件。

關(guān)鍵區(qū)別在于部分 Vue 組件在路由中扮演 視圖 的作用。

處理 Vue 路由通常使用 Vue Router，路由是為了切換 <router-view> 組件的當(dāng)前 視圖。這些路由通常被放在 src/router/routes.js，我們可以在此看到如下內(nèi)容：

• public:用于存放靜態(tài)文件

• public/index.html:是一個(gè)模板文件，作用是生成項(xiàng)目的入口文件，webpack打包的js,css也會(huì)自動(dòng)注入到該頁(yè)面中。我們?yōu)g覽器訪問(wèn)項(xiàng)目的時(shí)候就會(huì)默認(rèn)打開(kāi)生成好的index.html

• src:我們存放各種vue文件的地方

• src/assets:用于存放各種靜態(tài)文件，如圖片等

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

• src/views：用于存放我們寫好的各種頁(yè)面，如login、main等

• src/APP.VUE: 主vue模塊 引入其他模塊，app.vue是項(xiàng)目的主組件，所有頁(yè)面都是在app.vue下切換的

• src/main.js: 入口文件，主要作用是初始化vue實(shí)例，同時(shí)可以在此文件中引用某些組件庫(kù)或者全局掛在一些變量

• src/router.js: 路由文件，這個(gè)里邊可以理解為各個(gè)頁(yè)面的地址路徑，用于我們?cè)L問(wèn)，同時(shí)可以直接在里邊編寫路由守衛(wèi)

• src/store.js：主要用于項(xiàng)目里邊的一些狀態(tài)的保存，state中保存狀態(tài)，mutations中寫用于修改state中的狀態(tài)，actions暫時(shí)沒(méi)實(shí)踐，不知道具體怎么使用

• package.json: 模塊基本信息項(xiàng)目開(kāi)發(fā)所需要模塊，版本，項(xiàng)目名稱

【