Wie auf Daten in einer Komponente in Vuejs zugreifen

Question

Hallo Ich möchte auf msg in meiner Vorlage zugreifen, wie dies in vuejs erreichen kann? Mein Webpack-Watcher hat einen Fehler "- Text" {{msg}} "außerhalb des Root-Elements wird ignoriert."

<template> 
    {{msg}} 
    <form action="post" enctype="multipart/form-data" v-on:submit.prevent="addPension"> 
     <button type="submit" class="btn btn-success">submit </button> 
    </form> 
    </template> 

<script> 
    export default { 
    data:() => ({ 
     msg : 'new messages' 
    }), 
    created() 
    { 

    } 

    } 

Answer 1

Templates in Vue müssen single Wurzelelement aufweisen. Der Code in Ihrer Vorlage sollte wie folgt aussehen:

<template> 
    <div> 
    {{msg}} 
    <form action="post" enctype="multipart/form-data" v-on:submit.prevent="addPension"> 
     <button type="submit" class="btn btn-success">submit </button> 
    </form> 
    </div> 
</template> 

Notiere die Verpackung div. Es muss kein div sein, aber es muss ein enthaltendes Element sein.