Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Expresiones

15/37
Recursos

Aportes 5

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Ya que andamos coquetos con este Framework, les comparto un enlace a las buenas prácticas de VueJS, conforme vayamos avanzando, iremos upgradeando el código y es fácil caer en el lado oscuro.

Interesante, no sabía lo del guion bajo en los números de JavaScript 🤔
.
Espero que esto no sea un spoiler pero… Para no llenar nuestro código HTML de expresiones y hacer código ilegible, lo mejor es poner esto dentro de propiedades computadas, así separamos lógica de vista:

computed: {

    price() {
        return new Intl.NumberFormat("es-MX").format(this.product.price)
    }

}

Claro, aquí usamos el precio directamente, también podríamos usar un método que retorne el precio 👀:

methods: {

    price(price) {
        return new Intl.NumberFormat("es-MX").format(price)
    }

}

Dejo el código de esta clase:
.
https://github.com/RetaxMaster/vue3-platzi-commerce/tree/8f78564f230a49e085bb406f8d866cade4cc65c3

si estas en Windows y usas VSCode con las teclas “windows + punto” se te abre la ventanita de emojis .

Nota: lo de los separadores numéricos fue aceptado apenas en 2020, así que hay que usar esta característica con cuidado. Más información aquí y aquí.

{{}} interpolacion