vue過濾器（遮蔽詞）
阿新 • • 發佈：2021-09-15
使用語法
{{變數 | 過濾器名}}
{{變數 | 過濾器 | 另一個過濾器}} 可以同時使用多個過濾器，後面過濾器的data就是前面表示式傳過來的值
定義語法
全域性定義：
通過Vue提供的filter方法定義：Vue.filter()
引數：過濾器的名字或過濾器執行函式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div id='app'>
{{msg}}
列印
私有定義
filters這個是例項化Vue的一個引數，和data,methods平級的，裡面放的就是我們這個例項的私有過濾器。
示例：
const vm = new Vue({ el:"#app", data: {}, methods: { keydown() { console.log(111); }, }, // 私有 filters: { dateFormat(data, format) { } } });
注意事項
- 函式的第一個引數都是data，也就是我們要過濾的值。
- 過濾器可以自定義一些引數。
- 過濾器函式的返回值就是最終顯示的值