<div id="app">
{{ first | upperFistCase }} {{ last | upperFistCase }}
</div>
Vue.filter('upperFistCase', function (value) {
return value.charAt(0).toUpperCase() + value.slice(1)
})
new Vue({
el:'#app',
data: {
first: 'landy',
last: 'chen'
}
})
This Pen doesn't use any external CSS resources.