Ошибка привязки данных Vuejs 2 - PullRequest
Новая
       17

Ошибка привязки данных Vuejs 2

0 голосов
/ 05 апреля 2019

Я не понимаю, почему это не работает, и это сводит меня с ума 

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

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

Почему {{ greeting }} не работает? Надо запустить текст. Но я получил эту ошибку

Шаблон компиляции ошибок:

Шаблон компонента должен содержать ровно один корневой элемент. Если вы используете v-if для нескольких элементов, используйте вместо них v-else-if, чтобы объединить их в цепочку.

Может кто-нибудь помочь мне с этим?

1 Ответ

0 голосов
/ 05 апреля 2019

Вы должны иметь <div> с идентификатором app внутри тега <template> 

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

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