vuejs的filters還有其他特殊功能嗎?

時間 2021-06-14 21:20:15

1樓:

簡單講一下,就是說 filter 能幹的事情,函式都可以幹。那麼 filter 的優點是什麼呢?

形式簡單,很容易思考。如果你熟悉 shell 那麼用起來簡直不要太簡單。var | filter1 | filter2(args)

強制你使用純函式(請自己搜尋純函式的定義),在 filter 內部,this 是無法使用的(就是說無法正確的引用到元件),所以強制你寫成純函式。當然了,畢竟 JS 太靈活了,總是可以寫出來非純函式,你非要寫非純函式,我也攔不住。

這裡回答一下你的幾個問題:

哪些場景只能使用 filter? 沒有。因為能用 filter 的地方都可以用普通函式替代。

相反,卻有很多地方無法使用 filter。比如說函式呼叫,需要引用 this 的地方。

元件注入的 filter 有什麼特別的用處麼?首先乙個用處是測試。你可以用元件的 filter 去覆蓋父級的 filter 來實現修改 filter 的功能從而可以進行相關的測試。

其次就是與元件相關的一些,放到全域性沒問題,但是容易被濫用,所以就放到元件內。

vue js的app js太大怎麼優化?

webpack這玩意吧切片按照預設的配置來會打的很奇怪,前端的理想狀態就是打包後分離出一堆ES5版本的 ES6 module跑在瀏覽器,但是要達到這種粒度的拆分需要webpack外掛程式來實現。具體看我的專欄文章對打包過程有所分析 webpack2 快取優化鎖住你的IDs Zzzz 我覺得題主的問題...

vue js單檔案元件返回的是什麼?

龍騰道默默地 vue 檔案官方編譯的返回,是按照檔案中塊的 defaultexport加工出的元件建構函式 或者說類 類似 Vue,需要 new 才能變成例項。比方說你在.vue中寫了 export default script 返回的相當於 Vue.extend 無論Vue還是Vue.extend...

vue js中如何動態的增加陣列?

youngboy 提交新增網域名稱 重置export default datareturndynamicValidateFormdomainsvalue email methodssubmitForm formNamethis.refs formName validate valid if vali...