Quiero saber cómo puedo usar ref o watch en el área setup () de Vue 3 al importar vue a través de un CDN.

Aquí está el código:

<div id="app">

    {{ counter }}

  </div>

<script src="https://unpkg.com/vue@next"></script>
const app = Vue.createApp({
  props: {
    name: String
  },
  setup(){
    const capacity = ref(3)
  },
  data(){
    return {
      counter: 43
    }
  },
})

Esto arroja un error

ref no está definido

1
kasrap 23 ene. 2021 a las 10:41

1 respuesta

La mejor respuesta

Para importar ref intente:

const { createApp, ref, computed, watch } = Vue;

Debes devolver variables de setup como un objeto como este

const app = createApp({
  props: {
    name: String
  },
  setup(){
    const capacity = ref(3)
    return { capacity };
  },
  /* data(){  // NO NEED
    return {
      counter: 43
    }
  }, */
})
0
ashwin bande 23 ene. 2021 a las 08:01