查詢某某的版本 : cnpm view less-loader versions

vue的執行順序 : 先index.html 再main.js 最後App.vue

1.vue的介紹

2.插值語法

3.指令語法

　　功能：用於解析標籤

　　備註：Vue中有很多的指令，且形式都是：v-????

　　　　1).v-bind 和 v-model 語法

　　　　2).v-on:xxx 事件繫結語法

　  　　 3).v-if 和 v-show

　　　　4).v-for以及key原理

　　　　5).v-text,html,cloak,once,pre

　　　　6).自定義指令

4.計算屬性computed

　　為什麼產生計算屬性？

　　　　先寫插值語法，再寫方法，最後再計算屬性，就明白為什麼要用計算屬性.

　　　　計算屬性簡寫 ： 只考慮讀取，不考慮修改

　　總結 ： 　

　　　　1).什麼是計算屬性？

　　　　　　data裡面的就叫做屬性，那麼拿到屬性去加工，去計算，就叫計算屬性.

　　　　2).原理 ： 底層藉助了Objcet.defineproperty方法提供的getter和setter。

　　　　3).get函式什麼時候執行？　　　　

　　　　　　(1).初次讀取時會執行一次。[計算屬性有快取] 　　　　　　(2).當依賴的資料發生改變時會被再次呼叫。 　　　　4).get有什麼作用？ 　　　　　　當有人讀取計算屬性（fullName）時，get就會被呼叫，且返回值就作為fullName的值 　　　　5).set什麼時候呼叫? 　　　　　　當fullName（也就是計算屬性自己）被修改時。 set（value） value就是你改變的值 　　　　6).優勢：與methods實現相比，內部有快取機制（複用），效率更高，除錯方便。 　　　　7).備註： 　　　　　　1.計算屬性最終會出現在vm上，直接讀取使用即可。 　　　　　　2.如果計算屬性要被修改，那必須寫set函式去響應修改，且set中要引起計算時依賴的資料發生改變。

5.監視屬性watch

　　計算屬性和監聽屬性的區別 : 

　　　　1.computed能完成的功能，watch都可以完成。 　　　　2.watch能完成的功能，computed不一定能完成，例如：watch可以進行非同步操作。 　　　　兩個重要的小原則： 　　　　　　1.所被Vue管理的函式，最好寫成普通函式，這樣this的指向才是vm 或 元件例項物件。 　　　　　　2.所有不被Vue所管理的函式（定時器的回撥函式、ajax的回撥函式等、Promise的回撥函式），最好寫成箭頭函式，這樣this的指向才是vm 或 元件例項物件。

6.class和style

　　1)樣式通透 : 

　　　　通用（非常建議使用）  ::v-deep

　　　　stylus用 >>>

　　　　sass和less用  /deep/

　　2)scoped 原理

　　　　加入了scoped，就會在節點上新增自定義屬性 : data-v-xxx

　　　　css選擇器 ==> 根據屬性選擇最終新增樣式

7.過濾[知識js的一個方法,引出過濾器]

　　過濾用監視屬性實現,過濾用計算屬性實現   一個案例 : 列表排序 

8.過濾器[Vue.filter]

9.監視資料[vue.set]

10.生命週期

11.非單檔案元件[基本用不到]

　　1.簡單的說 : 一個檔案有多個元件

　　2.demo

　　3.元件的巢狀

　　4.關於VueComponent =>也就是元件的this

　　5.vue和vuecomponent的區別

　　6.非單檔案元件注意點

12.腳手架

 　　1.配置腳手架以及分析

 　　2.獲取到DOM : 在標籤裡面寫上ref,呼叫 : this.$refs.xx

 　　3.install外掛

 　　4.代理 [ vue.config.js ] 

13.本地儲存

14.元件之間的傳值

　　父 => 子  props

　　子 => 父  自定義事件

　　任意 => 任意 全域性事件匯流排 ,  訊息訂閱與釋出

15.$nextTick

1. 語法：this.$nextTick(回撥函式)

2. 作用：在下一次 DOM 更新結束後執行其指定的回撥。

3. 什麼時候用：當改變資料後，要基於更新後的新DOM進行某些操作時，要在nextTick所指定的回撥函式中執行。

4. this.$nextTick(function(){
       this.$refs.inputTitle.focus()
   })

16.vue封裝的過度與動畫[不常用]

17.插槽

18.路由

19.vuex[還沒整理好]