如何访问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，但需要有一个包含元素。