Vue學習小結

ES6

let徹底能夠取代var

const聲明一個只讀的常量

箭頭函數：能夠綁定this對象，大大減小了顯式綁定this對象的寫法（call、apply、bind）

函數綁定（function bind，雙冒號）運算符：用來取代call、apply、bind調用

Object.is()

模塊化（Module）：export 與 import

Node.js

Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境，一個讓 JavaScript 運行在服務器端的開發平臺，使 JS 成爲和 PHP、Python 等服務端語言分庭抗禮的腳本語言。

Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型，使其輕量又高效，很是適合在分佈式設備上運行數據密集型的實時應用。

Node是單線程的，它經過事件循環（event loop）實現併發操做，使用非阻塞庫支持事件循環操做。

webpack

JavaScript 項目構建工具，依賴於Node.js。

本質上講，webpack是一個現代 JS 應用程序的 靜態模塊打包器（module bundler），當webpack處理應用程序時，它會遞歸構建一個依賴關係樹（dependency graph），其中包含應用程序須要的各個模塊，而後將這些模塊打包成一個或多個bundler。

Vue.js

Vue (讀音 /vjuː/，相似於 view)是一套用於構建用戶界面的漸進式框架，與其它大型框架不一樣的是，vue 被設計爲能夠自底向上逐層應用，vue的核心庫只關注視圖層，不只易於上手，還便於與第三方庫或既有項目整合，另外一方面，當與現代化的工具鏈以及各類支持類庫結合使用時，vue也徹底可以爲複雜的單頁應用提供驅動。Vue 的目標是經過儘量簡單的 API 實現響應的數據綁定和組合的視圖組件。

vue基礎

實例、模板語法、計算屬性、監聽、事件處理、條件、列表渲染、表單輸入綁定、聲明週期

組件

基礎、消息傳遞、單文件組件、插槽

vue的安裝使用

1.安裝node.js，通常vue使用webpack進行打包，webpack依賴於node
2.安裝node後，因爲許多npm包都是國外鏡像，安裝過程很慢，因此改用淘寶鏡像服務器。

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安裝全局的vue-cli腳手架，幫助搭建所需的框架模板

cnpm install -g vue-cli

4.建立vue項目

vue init webpack my-vue(項目名稱)

5.根據提示建立項目，建立成功後按照提示啓動項目便可

路由

vue-router

vuex

爲了解決多組件共享同一狀態而生。

基於vue.js的狀態管理模式，集中式存儲管理應用的全部組件的狀態，以一個全局單例模式管理。

就是多store

軟件擴展：橫向添加新的層級（aop切面？vuex mutations）