Afficher l'extrait d'un texte long

Un exemple concret et répandu, ce sont les extraits de texte relativement long (le fameux bouton "Lire la suite" / "Voir plus"). Si une de vos propriétés contient un texte relativement long, mais que vous ne souhaitez en afficher que le début, vous allez devoir afficher X caractères dans votre page, puis inclure un bouton du type "Lire la suite".

Cette fonctionnalité peut être encapsulé dans les filtres de votre instance de Vue. Pour réaliser cet exercice, vous devez :

• créer une nouvelle data. Nommez la "story". Placez y un Lorem pour les tests.
• créer un nouveau filtre. Nommez le excerpt. Il devra renvoyer les 30 premiers caractères du texte reçu en paramètre.
• dans votre page web, affichez la propriété story, passé dans le filtre "excerpt"

Vidéo :