Question

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

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

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

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

错误编译模板：

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

有人可以帮我吗？

Answer 1

您的<div>标记内应有一个app，其ID为<template>

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

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

Vuejs 2数据绑定失败

1 个答案: