JSFiddle - React, Tailwind, and code Playground

by Simon Herteby

HTML

<div id="vue">
{{'dlrow olleH' | reverse}}<br>
{{reverse('dlrow olleH')}}<br>
<button @click="count++">
Click me and check the console
</button>
{{count}}
</div>

JavaScript

new Vue({
	el:'#vue',
  data(){
  	return {
    	count:0
    }
  },
  filters:{
  	reverse(string){
    	console.log('filter run')
    	return string.split('').reverse().join('')
    }
  },
  methods:{
  	reverse(string){
    	console.log('method run')
    	return string.split('').reverse().join('')
    }
  }
})