首頁 > web前端 > Vue.js > 主體

vue中views目錄放什麼

WBOY
發布: 2022-04-08 16:31:58
原創
8352 人瀏覽過

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

vue中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,我們可以在此看到如下內容:

vue中views目錄放什麼

  • 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中文網其他相關文章!

相關標籤:
vue
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板