Vue.js 2 компонент не отображает данные

Question

Vue.js 2 компонент не отображает данные

1

Я пытаюсь сделать простую работу компонента vue:

<div id="app">
  <my-component></my-component>
</div>

<script>
  Vue.component('my-component', {
    template: '<div>A custom component! {{ xstr }} aa</div>',
    data: function() {
      return {
        xstr: 'i really want this to be visible',
      };
    }
  });

  window.app = new Vue({
    el: '#app',
  });
</script>

Но, видимо, xstr не отображается. Что мне не хватает?

user3156850 09 янв. 2018, в 15:32

Источник

0

Этот код работает, создайте нерабочий демо.
dfsq 09 янв. 2018, в 13:51
0

Это не работает для меня. Какую версию вы используете?
user3156850 09 янв. 2018, в 13:57

Теги:

javascript

vuejs2

vue-component

1 ответ

Ещё вопросы

Этот код работает, создайте нерабочий демо.
Это не работает для меня. Какую версию вы используете?

user3156850 · Answer 1 · 2018-01-09T11-22-00.000Z

Я определил свою проблему, но это не связано с vue. Я использовал jinja2 для генерации html, и поскольку jinja использует синтаксис {{}} для шаблонов, эти две системы мешали.