<div id="app">
<h3>{{msg | strFilter('莫名其妙') | strFilter2}}</h3>
<br />
</div>
<div id="app2">
<h3>{{msg2 | strFilter}}</h3>
</div>
Vue.filter('strFilter', function(data, str = '好'){
return data.replace(/糟糕/g, str) + '哈哈哈哈哈';
});
Vue.filter('strFilter2', function(data){
return data + '~~~~~~~';
})
var vm = new Vue({
el: '#app',
data: {
msg: '这是个最糟糕的时代,最糟糕的我们生活在最糟糕的星球!!'
},
methods: {}
})
var vm2 = new Vue({
data: {
msg2: '糟糕,糟糕,糟糕!!!'
},
methods: {},
filters: {
strFilter(data, str = '好'){
return data.replace(/糟糕/g, str) + '嘎嘎嘎嘎';
}
}
})
vm2.$mount('#app2');