Vue - importowanie {ref, computed}

Question

Vue wyświetla w konsoli błędy, że nie może znaleźć i zaimportować ref i computed z "vue". Mimo włączonego servera nie pokazuje niczego w widoku. Vue w deftoolsach informuje, że komponent nie jest reaktywny, więc przyczyną jest brak możliwości pobrania w/w wbudowanych komponentów {ref, computed}. Oto mój komponent:

<template>
  <div id="app">
    {{sharesValue}} {{shares}} {{sharePrice}}
  </div>
</template>

<script>

import { ref, computed } from 'vue';

export default {
  name: 'MyAwsomeComponent',
  setup() {
    const shares = ref(10);
    const sharePrice = ref(15);
    const sharesValue = computed(() => shares.value * sharePrice.value);
    return { sharesValue, shares, sharePrice };
  },
};
</script>

Oto błąd wyświetlany przez konsolę.

Zainstalowana wersja vue
@vue/cli 4.5.13

 

Proszę o pomoc. Skąd bierze się ten błąd. Jak może nie być ref i computed we "vue"?

Answer 1

Korzystasz z vue2 zamiast vue3

Comments

No tak, dzięki