詳解vue過濾器在v2.0版本用法
更新時間：2017年06月01日 09:51:06 作者：莎莉哇
本篇文章主要介紹了vue過濾器在v2.0版本用法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1.x寫法
<body>
<div id="app">
{{html|uppercase}}
</div>
<script>
new Vue({
el:'#app',
data:{
msg:"123",
html:"abc"
}
})
</script>
</body>
但是2.0中已經(jīng)廢棄了過濾器，需要我們自定義
<div id="app">
{{message|uppercase}}
</div>
//過濾器
Vue.filter('uppercase', function(value) {
if (!value) { return ''}
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
})
var vm = new Vue({
el:'#app',
data: {
message: 'test'
}
})
Vue.filter( id, [definition] )
參數(shù)：
{string} id
{Function} [definition]
用法：
注冊或獲取全局過濾器。
// 注冊
Vue.filter('my-filter', function (value) {
// 返回處理后的值
})
// getter，返回已注冊的過濾器
var myFilter = Vue.filter('my-filter')
官方文檔參考：
http://cn.vuejs.org/v2/api/#filters
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
`package.json`是Node.js和npm項目的核心配置文件,定義了項目的元數(shù)據(jù)和依賴項,在Vue項目中,它管理依賴、提供腳本命令、存儲項目信息,并通過語義化版本控制確保項目穩(wěn)定2025-01-01
解決axios發(fā)送post請求上傳文件到后端的問題(multipart/form-data)
這篇文章主要介紹了如何使用axios發(fā)送post請求上傳文件到后端(multipart/form-data),本文給大家?guī)砹藛栴}原因及解決方案，結(jié)合實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-05-05
淺談vite和webpack的性能優(yōu)化和區(qū)別
本文主要介紹了淺談vite和webpack的區(qū)別，從性能優(yōu)化的幾個方便講解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2023-05-05
這篇文章主要介紹了vue頁面更新patch的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2020-03-03
這篇文章主要介紹了Vue跨端渲染實現(xiàn)多端無縫銜接，Vue跨端渲染是一種基于Vue框架的跨平臺開發(fā)技術(shù)，能夠?qū)崿F(xiàn)Web、iOS和Android三端的無縫銜接，提高開發(fā)效率和用戶體驗2023-05-05
vuex存儲數(shù)組(新建，增，刪，更新)并存入localstorage定時刪除功能實現(xiàn)
這篇文章主要介紹了vuex存儲數(shù)組(新建，增，刪，更新)，并存入localstorage定時刪除,本文通過示例代碼給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
本文主要介紹了vue實現(xiàn)前端控制動態(tài)路由的示例代碼,通過這些步驟,可以有效地根據(jù)用戶權(quán)限動態(tài)渲染前端路由,實現(xiàn)多用戶權(quán)限系統(tǒng),感興趣的可以了解一下2025-04-04
這篇文章主要給大家介紹了關(guān)于Vue實現(xiàn)返回頂部按鈕的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2020-10-10
vue3.0+vite2實現(xiàn)動態(tài)異步組件懶加載
學(xué)了vue寫項目這么久,忽然發(fā)現(xiàn)路由懶加載的寫法,節(jié)省了加載所有路由的時間。本文主要介紹了vue3.0+vite2實現(xiàn)動態(tài)異步組件懶加載，感興趣的可以了解一下2021-06-06
vue在項目中實現(xiàn)base64加密解密的示例代碼
這篇文章主要為大家詳細介紹了vue在項目中實現(xiàn)base64加密解密的兩種方法,文中的示例代碼講解詳細,具有一定的參考價值,有需要的小伙伴可以了解一下2023-10-10