vuejsのコンポーネント内のデータにアクセスする方法

Question

こんにちは私のテンプレート内のmsgにアクセスしたいのですが、どうすればvuejsでこれを達成できますか？私のwebpackウォッチャーにエラーがあります " - テキスト" {{msg}} "ルート要素の外側は無視されます。" Vueの中

<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

テンプレートはsingleルート要素を持っている必要があります。

<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> 

注ラッピングdiv：テンプレート内のコードは次のようになります。それはdivである必要はありませんが、の要素を含むが必要です。