如何訪問vuejs中的組件內的數據

Question

嗨我想訪問我的模板中的味精如何在vuejs中實現這一點？我的webpack觀察器出現錯誤「 - text」{{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，但需要有一個包含元素。