❶ 一般vue項目中的src文件夾下的文件，都有什麼用
這些文件夾本質是一樣的，如果寫得比較規范的話就能從名字中知道相應的功能。
common一般放全局靜態變數或方法
router放路由
filters放過濾器
components放主要的頁面和功能
excel放excel文件
directive放的是一些組件
assets放一些靜態資源或css文件
❷ vue前端如何實現文件文件夾系統
文件上傳頁面的前端可以選擇使用一些比較好用的上傳組件，例如網路的開源組件WebUploader，澤優軟體的up6，這些組件基本能滿足文件上傳的一些日常所需功能，如非同步上傳文件，文件夾，拖拽式上傳，黏貼上傳，上傳進度監控，文件縮略圖，甚至是大文件斷點續傳，大文件秒傳。
需求：
支持大文件批量上傳（20G）和下載，同時需要保證上傳期間用戶電腦不出現卡死等體驗；
內網百兆網路上傳速度為12MB/S
伺服器內存佔用低
支持文件夾上傳，文件夾中的文件數量達到1萬個以上，且包含層級結構。
支持PC端全平台操作系統，Windows,Linux,Mac
支持文件和文件夾的批量下載，斷點續傳。刷新頁面後繼續傳輸。關閉瀏覽器後保留進度信息。
支持文件夾批量上傳下載，伺服器端保留文件夾層級結構，伺服器端文件夾層級結構與本地相同。
❸ vue開發中，登錄注冊頁面用建文件夾嗎 如果用的話文件夾是放到哪個目錄里啊是src里嗎
看個人習慣，放在src中的某個文件夾里，component一般用來放組件，可以新建一個文件夾pages或者views存放,只要用的時候路徑對就可以
❹ vue2.0項目上線後，進去後變成如圖所視，刷新沒用，必須關掉移動端在進去才有用，怎麼回事
一、前言
之前我們通過nodejs並利用vuecli來創建vue項目，非常方便的就實現了前後端一體化的操作。不過在項目開發的時候為了提高開發效率我們需要依賴於一些插件幫助我們提高開發效率，那麼今天我們就來介紹一些優秀的vue插件並且學會如何製作屬於自己的插件。
二、單文件組件
在我們之前講到的 nodejs輕松創建第一個vue應用中篇，這篇文章的時候，我們創建了一個vue的原生應用，效果如圖所示：
那麼現在我們需要把默認的頁面換成其它的vue組件來顯示，首先我們創建一個幾個js文件，如圖：
然後創建一個vue組件並設置組件的屬性，如圖：
然後我們將組件添加到入口組件中，如圖：
此時的test組件就能被應用到該項目的頁面中了，我們來啟動一下這個應用，如圖：
此時就實現了頁面內容的更新。其實這里是相當於把我們的vue做成了一個單文件組件，之前我們在學習vue的時候，一直都是依賴於html文件存在的，不過如果你是想要在nodejs上運行的話，還可以使用單文件組件，當然，單文件組件是我們極力提倡的寫法。
三、UI組件
我們都知道，前端發展到現在，對於用戶的體驗和視覺感受都非常重視，因此就出現了很多的UI組件庫，比如Elementui、vant、iview、Vuetify、 Mint UI、ant-design-vue等，下面我們將以pc端和移動端為主，分別介紹兩款不同的UI組件庫給大家認識並且簡單的使用一下，來領略下UI組件的魅力吧。
1.PC端UI組件 1).ElementUi
由餓了么前端團隊開源的UI框架，可以說是目前為止最好的桌面端UI組件庫了，不僅界面美觀，而且極易上手，下面我們來安裝一下，首先在項目目錄下打開cmd，然後輸入命令：
npm i element-ui -S
靜靜的等著下載好這個組件庫就好了。然後我們將組件引入vue組件中，並對組件的結構進行重構，如圖：
這樣就可以將一些花哨的元素添加進去了。
2).Ant Design Vue
旨在於開發後台管理系統界面，如下：
npm install iview --save
安裝好了之後還是引入它，然後使用，如圖：
可以看到，我們可以同時使用多個組件庫。
3).iview
主要用於後端界面的開發，如下：
npm install iview --save
除此之外，iview weapp也是一款不錯的ui框架，不過它主要用於微信小程序開發。
2.移動端組件 1).vuetify
最先將它是因為他不僅支持移動端而且還支持pc端，做到了多端兼容，而且無需寫css就能實現非常美觀的界面。首先下載，如下：
npm install --save vuetify
2).vant
下載安裝，如下：
npm i vant -S
3).Mint UI
也是餓了么前端團隊開發的基於移動端的組件庫，首先來下載安裝，如圖：
npm i mint-ui --save
四、插件
可以看到，我們所使用的每個組件庫要想使用，都必須下載，然後在主入口js文件main.js中導入並使用Vue.use這個方法來將該組件庫加入到項目中去，已達到全局通用的效果。下面開始我們的插件編寫之旅，首先創建一個放置插件的文件夾，然後建立如下文件，如圖：
以上創建的便是一個插件目錄和文件，然後我們來寫單文件vue頁面，如下：
然後我們以模塊化的形式導出單頁面文件，如圖：
緊接著我們注冊剛才寫好的插件，如圖：
最後我們將其應用在app.vue文件中，如圖：
此時咱們寫的插件就能應用到頁面中了，如圖：
五、總結
❺ 一般vue項目中所使用的外部插件都安裝在開發環境就可以嗎
僅在開發中使用到的包，例如：webpack、babel，只需要安裝在開發環境即可
npm install packname --save-dev
在打包後要使用到的包，例如axios、vuex、element-ui，不要安裝到開發環境。
npm install packname --save
❻ vue-cli 依賴包和插件有什麼區別
1、一級目錄：build和config文件夾是wbepack配置的文件夾；node_moles是在我npminstall後存放一些依賴和插件的文件夾；src是存放我們項目源碼的文件，通常我們的vue組件就寫在這里，其中main.js是頁面的入口文件，初始化vue實例並使用需要的插件【插件router、resource等】，而App.vue看作是一個大組件，也就是整個頁面的vue實例文件；static是存放第三方靜態資源的，比如css的reset.css等等。
❼ vue-router，vue-loader，vue-cli分別是做什麼用的
vue-cli相當於腳手架， 給你自動生成模板工程 ；vue-router是 vue路由插件， 支持你單頁應用的 ；vue-loader是webpack下loader插件， 可以把.vue文件 輸出成組件。
❽ vue文件上傳插件有哪些
vue-upload-component - Vuejs文件上傳組件
vue-core-image-upload - 輕量級的vue上傳插件
vue-dropzone - 用於文件上傳的Vue組件