Primera recomendación: entiende tu código. copiar y pegar porque si, no tiene mucho sentido si no sabes que hace cada parte. 

Segunda recomendación: utiliza el manual oficial de [vue](https://v2.vuejs.org/v2/guide/). Es una excelente guia y te lleva paso a paso.

Ahora, no explicas que no entendes de tu codigo. Pero por lo que preguntas y lo que tenes ya escrito, parece que no entendiste como funcion v-model, data, y la función LocalStorage

[V-model.number](https://v2.vuejs.org/v2/guide/forms.html#number) hace que ese input sea tomado como numero y no como string. 

Ahora, vos pusiste `v-model.number="cantidad"`.. pero cantidad no figura en tu data, lo que nos lleva al siguiente tema..

En este momento, si apretas f12 y ves la consola de tu navegador, esta llena de errores. cantidad no esta definido en el data.. ese es uno de los errores... porque?
Porque se usa [data](https://v2.vuejs.org/v2/api/#Options-Data) para guardar las variables que van a contener los datos de tu modelo. y en este momento, dentro de tu data:

    data: {

        titulo: 'Listado de tareas',
        tareas: [],
        nuevaTarea: ''

    },

no esta cantidad. Hay que agregarlo ahi, porque cada opcion que agreguemos en un v-model tiene que tener su correspondiente variable en el data. 

Y luego, nos falta un detalle mas.. dentro de tu metodo `agregarTarea`, solo estas guardando `this.tareas`.. pero nunca cantidad, ya que no lo tenias dentro de tu data. Agrega lo mismo, pero guarda tambien cantidad...