Vuejs filters

http://stackoverflow.com/questions/37839608/vue-js-text-highlight-filter

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.24/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<div id="app">
  {{{ 'foo' | highlight 'fo' }}}
</div>

CSS

.highlight {
  font-weight: bold;
}

JavaScript

$(document).ready(function () {

	Vue.filter('highlight', function(words, query){
		return words.replace(query, '<span class=\'highlight\'>' + query + '</span>')
	});

	new Vue({
    el: '#app'
	});

});