題前話:之前接手了我們公司的半成品Vue項目，由于自己不是做網頁前端的，自己初步看了下Vue相關東西，今天才算是把基本項目功能都完成了。這里記錄下初步學習Vue過程。
相關學習
Vue 官網，我們第一步就需要在官網了解和學習Vue基本知識面，并可以按照官網新建我們第一個Vue文件。
這里我簡單記錄了下我初步學習vue中用到比較多的屬性：
v-bind
縮寫：：
動態地綁定一個或多個特性，或一個組件 prop 到表達式。
在綁定 class 或 style 特性時，支持其它類型的值，如數組或對象。可以通過下面的教程鏈接查看詳情。
在綁定 prop 時，prop 必須在子組件中聲明。可以用修飾符指定不同的綁定類型。
沒有參數時，可以綁定到一個包含鍵值對的對象。注意此時 class 和 style 綁定不支持數組和對象。
v-on
縮寫： @
綁定事件監聽器。事件類型由參數指定。表達式可以是一個方法的名字或一個內聯語句，如果沒有修飾符也可以省略。
用在普通元素上時，只能監聽原生 DOM 事件。用在自定義元素組件上時，也可以監聽子組件觸發的自定義事件。
在監聽原生 DOM 事件時，方法以事件為唯一的參數。如果使用內聯語句，語句可以訪問一個event)"。
從 2.4.0 開始，v-on 同樣支持不帶參數綁定一個事件/監聽器鍵值對的對象。注意當使用對象語法時，是不支持任何修飾器的。
v-model
限制：
- <input>
- <select>
- <textarea>
- components
在表單控件或者組件上創建雙向綁定
slot-scope
用于將元素或組件表示為作用域插槽。特性的值應該是可以出現在函數簽名的參數位置的合法的 JavaScript 表達式。這意味著在支持的環境中，你還可以在表達式中使用 ES2015 解構。它在 2.5.0+ 中替代了 scope。可參考作用域插槽。已經被v-slot代替掉了
基礎的vue知識學完之后，因為我們需要開發一個Vue項目，這里我們就需要用到下面的一個插件：
Vue CLI 是一個基于 Vue.js 進行快速開發的完整系統。在這里我們可以按照指導來搭建一個我們自己的項目了。
- 我們使用
npm install -g @vue/cli下載這個工具， - 使用
vue create hello-world命令創建一個項目
或者通過vue ui命令以圖形化界面創建和管理項目。
為了更好構建單頁面應用，控制不同頁面，我們需要下面路由插件：
Vue Router 是 Vue.js 官方的路由管理器，可以讓我們方便快捷管理界面。
為了更好的進行數據監控，我們也需要下面狀態管理器插件：
Vuex 是一個專為 Vue.js 應用程序開發的狀態管理模式.Vuex 通過 store 選項，提供了一種機制將狀態從根組件“注入”到每一個子組件中（需調用 Vue.use(Vuex)）
vue開發中，需要用到各種功能，比如地址選擇器，商品列表啊，我們可以自己寫，但有些功能我們可以用比較完善的第三方vue組件庫：
vue手機端界面我主要用到:Vant
Vant 是有贊開源的一套基于 Vue 2.0 的 Mobile 組件庫。通過 Vant，可以快速搭建出風格統一的頁面，提升開發效率。目前已有近 50 個組件，這些組件被廣泛使用于有贊的各個移動端業務中。 Vant 旨在更快、更簡單地開發基于 Vue 的美觀易用的移動站點
vue 電腦端我主要用到:Element
Element，一套為開發者、設計師和產品經理準備的基于 Vue 2.0 的桌面端組件庫
調試相關用到：vue-devtools
允許你在一個更友好的界面中審查和調試 Vue 應用。可以顯示vue的數據結構。
這個很方便快捷：
就我公司項目進行簡單說明：
頁面管理 router
使用Vue Router 管理所有界面。
把所有頁面放到一個.js文件中：
其實更好的方式是this.$router.addRoutes方式動態注冊
數據狀態響應
使用Vuex中的Getter和Mutation來進行數據狀態管理。類似下面這種：
界面傳值
界面傳值我基本上使用Vue Router 的params和query屬性操作的。具體可參考vue $router 路由傳參的4種方法詳解
網絡請求
網絡請求這塊用了axios
對axios進行了簡單封裝：
最后我們需要使用命令 npm run build打包生成一個dist文件夾，然后把這個打包好的文件部署到服務器上即可。
寫著寫著感覺寫的有點亂了唉。。，最后實現的公司vue項目手機端效果如下：
