Vue.js面試題目

Vue 的優點

官方認定的賣點:易用 靈活 高效
外加:使用數據雙向綁定 生態好vue

methods 計算屬性 watch的區別

methods和計算屬性的區別,照抄官方教程segmentfault

咱們能夠將同一函數定義爲一個 method 而不是一個計算屬性。對於最終的結果,兩種方式確實是相同的。然而,不一樣的是 計算屬性是基於它們的依賴進行緩存的。計算屬性只有在它的相關依賴發生改變時纔會從新求值。這就意味着只要 message 尚未發生改變,屢次訪問 reversedMessage 計算屬性會當即返回以前的計算結果,而沒必要再次執行函數。
相比而言,只要發生從新渲染,method 調用總會執行該函數。

總之,從新計算開銷很大的話請選計算屬性,不但願有緩存的請選methods數組

clipboard.png

至於計算屬性和watch我以爲官方例子好像不會太經常使用...至少這種狀況我確定是會用watch了...
這麼說來計算屬性和watch區別就是watch有新舊值這兩個參數,計算屬性沒有,可是計算屬性能夠從setter得到新值緩存

clipboard.png

計算屬性的實現

答案在這
https://segmentfault.com/a/11...函數

數組和對象的什麼操做不會在vue反映

因爲 JavaScript 的限制, Vue 不能檢測如下變更的數組:
1 當你利用索引直接設置一個項時,例如: vm.items[indexOfItem] = newValue
2 當你修改數組的長度時,例如: vm.items.length = newLength

緣由參考這裏:https://segmentfault.com/q/10...spa

相關文章
相關標籤/搜索