二、过滤器filter
1、源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="vue.js"></script>
<link rel="stylesheet" href="./lib/boot-strap.css" />
<title></title>
</head>
<body>
<div id="app">
<p>{{ msg | msgFormat('正能量满满+++','full') }}</p>
</div>
<script>
Vue.filter('msgFormat',function(msg,shuju1,shuju2){
return msg.replace(/帅气/g,shuju1 + shuju2)
})
var vm = new Vue({
el:'#app',
data:{
msg:'我是个帅气的小伙子，有梦想的男青年都是帅气的小伙子，懒惰成性的男青年一点都不帅气！'
},
methods:{
}
});
</script>
</body>
</html>
2、效果展示
即可以用过滤器选中我们想要替换的文字，更改为我们想要变成的文字，灵活运用，可多次替换增加。
（帅气 => 正能量满满+++ full）
百度泡池子71人在聊
投递网易等公司10个岗位 >