概述
摘錄項目學習中遇到的關鍵點，記錄后續(xù)整理
Vue 動態(tài)組件
有時候添诉，我們會遇到這樣的需求：通過點擊標簽來切換不同的內容屁桑，本質上也就是切換不同的組件。關鍵點就在于吻商，動態(tài)切換的組件部分使用<component></component>掏颊，然后通過屬性 is 綁定一個計算屬性糟红，計算屬性返回的結果就是你點擊選中的對應組件的名稱艾帐。
CSS & 符號與 @import 含義
看scss代碼，發(fā)現了一個奇怪的 & 盆偿，結合上下文柒爸，沒看懂意思。google一下事扭，找到了答案捎稚。&是屬于sass和less的語法，表示的是上級選擇器，這樣就可以省略重復書寫上級選擇器的代碼今野。
另外葡公，我們知道在 js 文件中引入其他模塊，需要 import条霜。而在 css 文件中催什，需要引入其他的 css 文件，我們使用的是 @import宰睡。
關于 Vue 中組件的注冊——全局注冊和局部注冊(待解決)
Vue 中組件的注冊蒲凶，我一直模模糊糊的，也曾經特地翻開文檔拆内，看了旋圆，但是沒過多久就又忘記了。首先這說明麸恍，我一直都屬于沒有徹底弄懂灵巧，Vue 組件注冊的方式。所以我需要系統(tǒng)的抹沪，聯系上下文的進行組件的知識學習孩等。其次，熟悉概念的基礎上采够，我更要多敲代碼才能熟悉肄方，類比小程序的生命周期，也是后來一直看到蹬癌，一直寫权她，才記住了。
Vuex 是什么逝薪？如何使用隅要？
Vuex 是專門為 Vue.js 應用程序開發(fā)的一套狀態(tài)管理模式。他采用集中式存儲管理應用的所有組件的狀態(tài)董济，并以相應的規(guī)則保證狀態(tài)以一種可預測的方式發(fā)生變化步清。
使用 Vuex 的方法主要是兩種，第一種是使用全局標簽 <script></script> 引入 CDN 鏈接來使用虏肾。
第二種就是通過 npm 和 yarn 模塊管理工具廓啊，下載安裝 vuex 模塊，注意這種情況下封豪，必須顯式地通過 Vue.use() 來安裝 Vuex;
process.env.NODE_ENV
在node中谴轮，有全局變量process表示的是當前的node進程。process.env包含著關于系統(tǒng)環(huán)境的信息吹埠。但是process.env中并不存在NODE_ENV這個東西第步。NODE_ENV是用戶一個自定義的變量疮装，在webpack中它的用途是判斷生產環(huán)境或開發(fā)環(huán)境的依據的。
@文件夾路徑
./這是相對路徑的意思粘都，同級目錄廓推。
../上級目錄。
@/這是webpack設置的路徑別名翩隧。
在build/webpack.base.conf這個文件里面設置了@具體指的是什么
resolve: {
// 路徑別名
alias: {
'@': resolve('src'),
'vue$': 'vue/dist/vue.esm.js'
}
},
就是說@這東西代表著到src這個文件夾的路徑受啥。
__dirname與__filename
__dirname 表示當前文件所在的目錄的絕對路徑
__filename 表示當前文件的絕對路徑
module.filename ==== __filename 等價
$router與$route
XHR實例
瀏覽器支持圖模型
fastClick
移動端瀏覽器在監(jiān)聽點擊事件時，會有300ms的延遲鸽心，目的是為了判斷是否是雙擊事件滚局，但是這樣就造成了一個操作延遲，用戶體驗欠佳顽频。針對沒有雙擊事件的情況下藤肢，有方案解決這個延遲問題。目前一般糯景，使用fastclick.js庫嘁圈，來立即響應用戶的點擊事件◇盎矗可以通過<script>標簽引用或者npm安裝最住。
其實現原理是，監(jiān)聽到用戶的點擊事件時怠惶，立即響應自己定義的click事件涨缚，然后將300ms延遲后的瀏覽器原生click事件阻止。
組件的復用
Vue 項目中策治，組件化的一個好處就是可以復用代碼脓魏。比如一個登錄組件，假設登錄方式是手機驗證碼登錄和賬號密碼登錄通惫，那么為了復用組件茂翔，組件內部必須要有兩部分，分別描述登錄方式不同時頁面的內容履腋。這就需要我們在寫組件之前珊燎，好好考慮組件應用的不同場景，而不是什么都不思考遵湖，先寫一個悔政，后續(xù)再添加。這樣做的確省了思考的時間奄侠，但是后續(xù)要浪費幾倍的無意義時間卓箫。
Vuex 的使用
項目大的時候载矿，需要將一些數據存儲為全局變量垄潮，特此引入 Vuex烹卒。
- vuex 的安裝 by NPM
npm install vuex --save
-
vuex 的使用
新建store文件夾，內部新建 store.js 文件弯洗。
Vuex 的使用
less 的使用
less 是css的預處理器之一旅急，為原先描述性的css語言，添加了編程思維(變量牡整，計算等)藐吮，減少了重復代碼的書寫。但是Vue本身是不能識別less文件的逃贝，需要我們進行配置才能使用谣辞。配置過程也很簡單，具體步驟參考這篇文章沐扳。
Vue中l(wèi)ess的使用
