简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Méthodes dans un Vue3 SPA autonome (fichier unique) utilisant l'API Compose
P粉106711425
P粉106711425 2024-03-26 23:28:38
0
1
335

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粉106711425
P粉106711425

répondre à tous(1)
P粉633733146
P粉6337331462024-03-27 11:03:40 1 plancher

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}}
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！