<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>过滤器</title>
<script src="../lib/js/vue.js"></script>
</head>
<body>
<div id="app">
<!-- 过滤器调用 -->
<h1> {{ msg | msgFilter }} </h1>
<!-- 过滤器名字后面还可传多个参数 -->
<h1> {{ msg | msgFilter('疯狂') }} </h1>
</div>
<script>
/**
*全局过滤器的定义语法
*/
Vue.filter('msgFilter',function (msg) {
return msg.replace(/单纯/g,'邪恶')
});
Vue.filter('msgFilter',function (msg,arg) {
return msg.replace(/单纯/g,arg)
});
const vm = new Vue({
el:'#app',
data:{
msg:'曾经我也是一个单纯的少年,单纯的我,傻傻的问,谁是世界上最单纯的男人'
},
methods:{}
})
</script>
</body>
</html>