vue中views目錄怎么用

這篇文章主要介紹“vue中views目錄怎么用”，在日常操作中，相信很多人在vue中views目錄怎么用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”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，路由是為了切換 <router-view> 組件的當前 視圖。這些路由通常被放在 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中views目錄怎么用”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！