es6:let,const,promise,async,解構，。。。，模組，箭頭函式，proxy
webpack:打包神器，js模組=>commonjs,amd,es6-module

jq:DOM流操作，類庫（函式的集合）

歷史上前端主要是完成頁面的佈局+樣式+互動效果

可去實現複雜應用，webapp,SPA（單頁面開發）

DOM流=>MVVM MV*
M:module 資料層
V:檢視層
vm vue
*:viewmodel（vue） controler(angular)

vue：
核心：響應式資料繫結，元件體系
虛擬DOM： 操作影響頁面效能 較少操作dom

vue例項 new vue
宣告式渲染
Object.defineProperty()
指令：
v-bind:將屬性作為變數來解析
v-text,v-html,v-show,v-if,v-else,v-else-if,
v-on:'事件名=“ ”
v-for="(item,index) in data"
v-pre（原始）,v-once,v-cloak（優化）
指令 v-指令名
component定義Vue的全域性元件，元件的作用域是獨立的
params:1:name,2.構造器

模板
el
template
render
生命週期（hook函式）：任意的Vue元件都具有這樣的週期（Vue例項）
建立過程
beforeCreate（做資料，函式的初始化）、created、breforeMount（DOM初始化）、mounted
存在階段
beforeUpdate、updated
銷燬階段
breforeDestroy、destroyed