vue中filter用法和作用 Vue過濾器filters及基本用法?
Vue過濾器filters及基本用法?在本教程中,我們將通過幾個示例了解vuejs過濾器。我們引用了一些完美的過濾器,比如orderby和Filterby。我們可以一個接一個地連接呼叫過濾器。所以我們
Vue過濾器filters及基本用法?
在本教程中,我們將通過幾個示例了解vuejs過濾器。我們引用了一些完美的過濾器,比如orderby和Filterby。我們可以一個接一個地連接呼叫過濾器。所以我們可以在Vue實例中定義自己的過濾器。閱讀本教程的前提是你已經為VUE提供了一個基本的語法基礎。vuejs中的基本過濾器是一個過濾器,可以通過輸入數據
JS:Vue.過濾器(“checkColor”,函數(value){
if(value==undefined | | value==“”){
return “
}
if(value==“aaaa”){
return “
}
return value
})
Vuefilters過濾器的使用方法?
與前端開發相同。實際上,我們都使用jQuery。它簡單而粗糙,并且很容易直接操作界面。如果你想實現任何功能,你會成功的。但是在項目變得越來越復雜之后,這種開發方式會出現一個問題:代碼組織很低,項目的可維護性很差,特別是當項目中的很多頁面都有層次關系時,很容易混淆自己。
“.現在我們不應該把一個網頁看作一個網頁,而是一個以網頁的形式呈現的應用程序。分離數據和行為之后,前端開發變得更加清晰,這也是前端開發的一個重要標志。
雖然這些框架使用了虛擬DOM等技術,但由于抽象合理,開發效率遠高于傳統前端,比直接操作DOM要慢。試想一下,用這兩種方法開發的項目效率比傳統開發低0.5%,但是傳統開發需要的bug是傳統開發的兩倍。如果你是,你會選哪一個?
使用Vue等框架的首要原因是為了開發效率,還是減少DOM操作的性能損失?
這里有一個常見的價格格式化方法,在電子商務的價格處理中非常實用。我們可以看到一個效果
在這里,價格數據的位置使用了一個過濾器,通過它可以保留價格的小數位。
HTML
¥{{“這里是價格數據”}
JS
過濾器:{//數據過濾器格式:函數(value){var html,val value=Number(value)。
toFixed(2)if(value==0){value=0 return html=“¥0”}else if(value.split(“”)[1]。substring(1)==0){value=Number(value)。
toFixed(1)}uval=value.split(“”)return html=“¥”uval[0]“.”“uval[1]”}
上面是小編介紹的Vue。
JS價格格式化方法,希望對您有所幫助,如果您有任何問題,請給我留言,小編會及時回復您。非常感謝您對腳本之家網站的支持!。