Primer contacto

4/23
Recursos

Aportes 8

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Aprecio mucho que se tome la molestia de explicar las bases鈥 llevo desarrollando en Vue ya casi dos a帽os y aprend铆 cosas nuevas

Extensiones que te har谩n la vida mas f谩cil con Vue:
Vetur
Vue VSCode Snippets

Eso del Proxy tiene bastante que ver en esa magia de Vue, les dejo una clase del curso Profesional de JavaScript donde se habla de Proxy: https://platzi.com/clases/1642-javascript-profesional/22172-proxy/

En el curso de reactividad con Vue 3, las primeras clases se dedica a explicar c贸mo funciona internamente Vue.js, incluso esta parte del Proxy que es un objeto 鈥渢rampa鈥 que intermedia los datos entre el DOM y Vue. Eso para crear copias de objetos y usar funciones que manejen la data ya sea como getter o setter y todo pueda trabajarse virtualmente.
Aqu铆 un ejemplo de c贸mo funciona se implementa el proxy en JS.

const proxyEjemplo = new Proxy(target, handler);

Hola dejo el codigo de esta clase, para que ahorres tiempo y te enfoques en la explicacion de los temas de esta clase. Sigue avanzando!!! Vue es genial.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="https://unpkg.com/[email protected]"></script>

<div id="app">{{ text }}</div>

<script>
  Vue.createApp({
    data() {
      return {
        text: 'Hello Word!'
      }
    }
  }).mount('#app')
</script>

</body>
</html>

Me encanta cuando uno lleva mucho tiempo en algo y cree que esta parte basica la sabe bien y se da cuenta que cada nuevo detalle, abre nuevos mundos

Hicieron un cambio reciente en la ruta del script del cdn. A d铆a de hoy es:

<script src=鈥https://unpkg.com/[email protected]鈥></script>

Definimos una funci贸n llamada data, esta funci贸n siempre retornar谩 un objeto JSON (JavaScript Object Notation)