JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.min.js Copy"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.min.js"></script>
<body>
<div id="app">
{{ message | wow(true) }}
</div>
</body>
JavaScript
Vue.filter('wow', function (val, type) {
if (type === true) {
return val.first
} else {
return val.second
}
})
/* eslint-disable no-new */
new Vue({
el: '#app',
data: {
message: {
first: 'first',
second: 'second'
}
}
})