Vuejs 2 数据绑定失败答案

【问题标题】：Vuejs 2 Data Binding FailedVuejs 2 数据绑定失败
【发布时间】：2019-08-26 21:59:29
【问题描述】：

我不明白为什么它不起作用，这让我发疯

<template>
    <p>{{ greeting }}</p>
</template>

<script>
    export default {
        name: 'App',
        data: function(){
          return {
            greeting: 'this is message'
          }
        }
    }
</script>

为什么{{ greeting }} 不工作？它应该运行文本。但是我收到了这个错误

编译模板时出错：

组件模板应该只包含一个根元素。如果您在多个元素上使用 v-if，请改用 v-else-if 链接它们。

谁能帮我解决这个问题？

【问题讨论】：

我无法重现此内容。您确定您的<template> 中没有其他内容吗？
您能分享您位于src 文件夹中的main.js 文件吗？问题可能出在那里的渲染函数中，而不是在您的 App 组件中。
根据错误消息，您在根目录中有多个元素。但是您共享的文件只有一个根元素，因此请按照上述要求提供更多详细信息
我在

标签： vue.js vuejs2 vue-component

【解决方案1】：

你的<template>标签内应该有一个<div>，ID为app

<template>
    <div id="app">{{greeting}}</div>
</template>

<script>
  export default {
    name: "App",
    data: function() {
    return {
      greeting: "this is message"
    };
   }
  };
</script>

【讨论】：

我也发现了这个问题。用
包裹后才有效。它应该在文档中提及。