标签：color vue com https 过滤器 全局 pkg 本地 div
html片段：
<script src="https://unpkg.com/vue"></script>
<div id="app">
<p>{{ message | capitalize}}</p>
</div>
js片段：
全局过滤器：
Vue.filter(‘capitalize‘, function (data) { let arr = data.split(‘/‘); return arr[2] + ‘(‘ + arr[0] + arr[1] + ‘)‘; }) new Vue({ el: ‘#app‘, data: { message: ‘湖南省/长沙市/岳麓区岳麓大道588号‘ } })
组件本地过滤：
new Vue({ el: ‘#app‘, data: { message: ‘湖南省/长沙市/岳麓区岳麓大道588号‘ }, filters:{ capitalize: (data) => { let arr = data.split(‘/‘); return arr[2] + ‘(‘ + arr[0] + arr[1] + ‘)‘; } } })
结果：
岳麓区岳麓大道588号(湖南省长沙市)
标签：color vue com https 过滤器 全局 pkg 本地 div
原文地址：https://www.cnblogs.com/zeng-zhi/p/10075811.html
