recherche

Maison  >  Questions et réponses  >  le corps du texte

Méthodes dans un Vue3 SPA autonome (fichier unique) utilisant l'API Compose

J'écris des applications Vue3 (amateurs) (*) en amorçant le contenu du projet puis en le construisant pour le déploiement. bons résultats.

Je dois créer une page HTML unique autonome qui peut être chargée directement dans le navigateur. Je l'ai fait il y a quelques années lorsque j'ai commencé à utiliser Vue (lors de la transition v1 → v2) et j'ai tout de suite trouvé la bonne documentation.

Je ne trouve pas d'API Vue3 et Composition similaires.

Qu'est-ce qu'une page cadre qui affichera la valeur d'une variable réactive {{hello}} （我将在完整的构建应用程序的上下文中在 <script setup> telle que définie dans)

C'est comme ça que je faisais (j'espère que je l'ai bien fait)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/vue@2"></script>
</head>
<body>

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

<script>
    // this is how I used to do it in Vue2 if I remember correctly
    new Vue({
        el: '#app',
        data: {
            hello: "bonjour!"
        }
        // methods, watch, computed, mounted, ...
    })
</script>

</body>
</html>

(*) J'utilise effectivement le framework Quasar, mais cela ne change pas le fond de ma problématique.

P粉106711425P粉106711425323 Il y a quelques jours443

répondre à tous(1)je répondrai

  • P粉633733146

    P粉6337331462024-03-27 11:03:40

    Selon la documentation officielle, vous ne pouvez pas utiliser un CDN pour utiliser les paramètres de script :

    Mais vous pouvez utiliser le hook de paramètres dans le script de page comme ceci : 

    const {
  createApp,
  ref
} = Vue;
const App = {
  setup() {
    const hello = ref('Bonjour')


    return {
      hello
    }

  }


}
const app = createApp(App)
app.mount('#app')
    sssccc


    
  {{hello}}

    répondre
    0
  • Annulerrépondre