Подсчет числа символов при вводе

Здесь приведен пример использования vue.js. Пример позволяет подсчитать количество символов, которое вводится в input. Вы вводите текст в поле ввода, а рядом отображается счетчик количества символов. Демо смотрите ниже.



А теперь приведем код, как это реализовано. Для начала размещаем контейнер:

<div id="demo1" ><input placeholder="Введите текст..." 
type="text" v-model="phrase" />
Число символов: {{length}}
</div>

Подключаем vue.js:

<script type="text/javascript" src="https://unpkg.com/vue@2.1.10/dist/vue.js"></script>

Дальше - скрипт:

<script>
 new Vue({
 el: '#demo1',
 data: {
 phrase: ''
 },
 computed: {
 length: function () {
 return this.phrase.length;
 }
 }
 });
</script>