Vuejs в проекте Фонда - PullRequest
Новая
       28

Vuejs в проекте Фонда

0 голосов
/ 28 января 2020

Я хотел бы использовать vuejs в своем проекте основания ZURB, поэтому я включил тег script в заголовок, а затем структурировал свой код следующим образом:

index. html: 

  <div id="app">
    <p>
      {{ message }}
    </p>
  </div>

app. js: 

import $ from 'jquery';
import 'what-input';
import mystuff from './mystuff';

window.jQuery = $;
require('foundation-sites');

$(document).foundation();

mystuff. js

import $ from 'jquery';

export const app = new Vue({
  el: '#app',
  data: {
    message: 'Test!'
  }
});

Это не работает, vue не отображает сообщение в шаблон.

Я предполагаю, что руль портит визуализацию страницы. Поскольку базовый стек поставляется с функцией автоматической перезагрузки, я думаю, что vue не может правильно построить виртуальный DOM, поэтому он не знает, где отрисовать мое приложение Vue. Может ли это быть так? Что я делаю не так?

PS: Я не думаю, что это дублирующий вопрос, потому что другие, которые я нашел, пытаются сделать обратное, включают фундамент в vue проекте; У меня уже есть проект фонда, и мне нужно добавить vue к нему.

...