vue項目配置文件別名什麼作用
Ⅰ 用vue-cli創建項目顯示這個是什麼意思
Vue-cli是官方推薦的快速構建單頁應用的腳手架。官方給的建議，如果你是初次嘗試Vue，哪就老老實實用普通的書寫引入js文件，這里牽扯太多的東西，例如webpack、npm、nodejs等等，很容易成就從入門到放棄的思想。這篇文章本身就是按照官方的文檔中的構建流程來的（官方構建建議）。一下是構建過程。
一、 安裝 node.js
首先需要安裝node環境，可以直接到中文官網http://nodejs.cn/下載安裝包。
安裝完成後，可以命令行工具中輸入node -v和npm -v，如果能顯示出版本號，就說明安裝成功。
三、生成項目
首先需要在命令行中進入到項目目錄，然後輸入：
vue init webpack Vue-demo
其中 webpack 是模板名稱,Vue-demo 是自定義的項目名稱，命令執行之後，會在當前目錄生成一個以該名稱命名的項目文件夾。
配置完成後，可以看到目錄下多出了一個項目文件夾，裡面就是 vue-cli 創建的一個基於 webpack 的 vue.js 項目
然後進入項目目錄（cd Vue-Project），使用 cnpm 安裝依賴
cnpm install
然後啟動項目
npm run dev
四、打包上線
自己的項目文件都需要放到 src 文件夾下
項目開發完成之後，可以輸入npm run build 來進行打包工作
npm run build
打包完成後，會生成 dist 文件夾，如果已經修改了文件路徑，可以直接打開本地文件查看
項目上線時，只需要將 dist 文件夾放到伺服器就行了。
Ⅱ vue-cli 自定義路徑別名 assets和static文件夾的區別
assests放置的是組件的資源，static放置的是非組件的資源。
比如說即static下的文件資源作為src路徑傳入組件中，文件的path是可以被解析了，而assets則不行。
比如你寫一個音樂播放器，類似的播放鍵和上一曲下一曲這些圖標就應該作為組件資源放在assests裡面，而不同音樂選集的封面這些是應該作為文件資源放在static下。
Ⅲ vue-cli中自定義路徑別名 assets和static文件夾的區別
assets目錄中的文件會被webpack處理解析為模塊依賴，只支持相對路徑形式。例如，在 
和 background: url(./logo.png)中，"./logo.png" 是相對的資源路徑，將由Webpack解析為模塊依賴。
static/ 目錄下的文件並不會被Webpack處理：它們會直接被復制到最終的打包目錄（默認是dist/static）下。必須使用絕對路徑引用這些文件，這是通過在 config.js 文件中的 build.assetsPublicPath 和 build.assetsSubDirectory 連接來確定的。
Ⅳ Vue路由 重定向和 別名的區別
重定向
重定向也是通過routes配置來完成，下面例子是從/a重定向到/b：
constrouter=newVueRouter({
routes:[
{path:'/a',redirect:'/b'}
]
})
constrouter=newVueRouter({
routes:[
{path:'/a',redirect:'/b'}
]
})
constrouter=newVueRouter({
routes:[
{path:'/a',redirect:to=>{
//方法接收目標路由作為參數
//return重定向的字元串路徑/路徑對象
}}
]
})
constrouter=newVueRouter({
routes:[
{path:'/a',component:A,alias:'/b'}
]
})
重定向的目標也可以是一個命名的路由：
甚至是一個方法，動態返回重定向目標：
注意導航守衛並沒有應用在跳轉路由上，而僅僅應用在其目標上。在下面這個例子中，為/a路由添加一個beforeEach或beforeLeave守衛並不會有任何效果。
其它高級用法，請參考例子。
別名
『重定向』的意思是，當用戶訪問/a時，URL 將會被替換成/b，然後匹配路由為/b，那麼『別名』又是什麼呢？
/a的別名是/b，意味著，當用戶訪問/b時，URL 會保持為/b，但是路由匹配則為/a，就像用戶訪問/a一樣。
上面對應的路由配置為：
『別名』的功能讓你可以自由地將 UI 結構映射到任意的 URL，而不是受限於配置的嵌套路由結構。
Ⅳ vue session設置別名
可以給vue路徑設置別名，來節省代碼的輸入次數，提高開發效率。
在文件裡面輸入代碼後，重啟編譯器，當我們需要引入文件的時候就可以簡寫了。
Session是在計算機中，尤其是在網路應用中，稱為會話控制。Session對象存儲特定用戶會話所需的屬性及配置信息。這樣，當用戶在應用程序的Web頁之間跳轉時，存儲在Session對象中的變數將不會丟失，而是在整個用戶會話中一直存在下去。
Ⅵ vue是什麼 怎麼用
Vue.js是一套構建用戶界面的漸進式框架，Vue 採用自下向上增量開發的設計，其核心庫只關注視圖層，易於上手，同時vue完全有能力驅動採用單文件組件和 Vue 生態系統支持的庫開發的復雜單頁應用。
1、MVVM即model，view，viewmodel，它是數據驅動模式，即所有的一切通過操作數據來進行，而盡量避免操作dom樹。
(6)vue項目配置文件別名什麼作用擴展閱讀：
vue在web開發、網站製作中的優勢
1、據綁定：vue會根據對應的元素，進行設置元素數據，通過輸入框，以及get獲取數據等多種方式進行數據的實時綁定，進行網頁及應用的數據渲染 。
2、組件式開發：通過vue的模塊封裝，它可以將一個web開發中設計的各種模塊進行拆分，變成單獨的組件，然後通過數據綁定，調用對應模版組件，同時傳入參數，即可完成對整個項目的開發。
3、簡單小巧的核心，漸進式技術棧，足以應付任何規模的應用。
Ⅶ vue中路徑中使用~與@的區別
先說@
@這是webpack設置的路徑別名。
這東西在vue標准模板裡面的build/webpack.base.conf這個文件裡面。
resolve: { // 路徑別名
alias: { '@': resolve('src'), 'vue$': 'vue/dist/vue.esm.js'
}
},
就是說@這東西代表著到src這個文件夾的路徑
然後是~
~ 是 stylus-loader 到東東，參考 https://github.com/shama/stylus-loader
~common 表示相對 common，然後我們在 webpack 配置了 common 的 alias，就能找到了它的路徑了
Ⅷ vue路由配置
首先，先來講個小東西吧。我個人一般在開發的時候都會將ESLint關閉掉。在新建一個項目的時候，會提示你安裝否。選擇n就行了。也就是no。見下圖！如果你不心安裝了。也沒事。在項目的配置文件中找到它注釋掉即可。
首先第一步，在components文件夾里新建兩個.vue文件。將用它們來路由頁面。並且分別取名router1.router2
接下來，我們就開始配置路由了。首先說幾個准備思路吧。第一：頁面打開後是要有默認顯示頁的（默認的路由），第二，同時實現路由切換時像JStab切換效果。接下來，我們要在app.vue里寫好2個導航命名為router1和router2。分別用來將router2,router1路由進來。（在這之前請把hello.vue的內容清空，才能看到現面第二張圖的效果）
現在基本的准備工作已經做好了。現在看到min.js文件。我個人的習慣是喜歡把路由的配置寫在這里或者引入到這里。不習慣放在router文件夾下面的index.js。請看下圖片。首先將。原始的router引入的改成VueRouter。然後引入之前新建好的兩個.vue文件。記得要use一下。最後創建一個router實例。第一個path / 表示的意思是默認路由進來的組件。也就是router1.
到了這里就差最後一步了。回到app.vue。寫上路由。分別給router1,router2加上路由標簽。router-link標簽渲染時會自動增加一個A標簽帶href路轉。後面的to='',就是將要路由到哪裡去的min.js中的path路徑。to="/"表示此處將路由顯示出min.js路由配置中path為/的component。最後，router-view標簽是將路由過來的組件渲染在什麼地方。這里寫在了導航下面。效果請看第二，第三張圖片。第二張圖片就是默認進來的路由頁面。也就是router1.地址欄中的路徑就是首頁。第三張圖地址欄中路徑變了，而且內容也變了。說明路由成功。
最後給路由的導航加上像JS一樣的tab切換效果。用到VUE路由中自有的類。router-link-active.意思是在路由激活時更變的class.看圖。在style中寫好css.頁面上就可以看到默認顯示的路由組件導航就有class了。不過此時，你已經成功了一半了。因為請看下面第三張圖片。當點擊router2的時候，出現了兩個紅色字體。這下尷尬了。
Ⅸ vue組件中props有什麼作用
1. 在組件內的data對象中創建一個props屬性的副本
因為result不可寫，所以需要在data中創建一個副本myResult變數，初始值為props屬性result的值，同時在組件內所有需要調用props的地方調用這個data對象myResult。
Vue.component("switchbtn", {
template: "<div @click='change'>{{myResult?'開':'關'}}</div>",
props: ["result"],
data: function () {
return {
myResult: this.result//data中新增欄位
};
},
......
});
2. 創建針對props屬性的watch來同步組件外對props的修改
此時在組件外（父組件）修改了組件的props，會同步到組件內對應的props上，但是不會同步到你剛剛在data對象中創建的那個副本上，所以需要再創建一個針對props屬性result的watch（監聽），當props修改後對應data中的副本myResult也要同步數據。
Vue.component("switchbtn", {
template: "<div @click='change'>{{myResult?'開':'關'}}</div>",
props: ["result"],
data: function () {
return {
myResult: this.result
};
},
watch: {
result(val) {
this.myResult = val;//新增result的watch，監聽變更並同步到myResult上
}
},
Ⅹ 一般vue項目中的src文件夾下的文件，都有什麼用
這些文件夾本質是一樣的，如果寫得比較規范的話就能從名字中知道相應的功能。
common一般放全局靜態變數或方法
router放路由
filters放過濾器
components放主要的頁面和功能
excel放excel文件
directive放的是一些組件
assets放一些靜態資源或css文件