Bootstrap шаблон с VueJS не работает - PullRequest
Новая
       27

Bootstrap шаблон с VueJS не работает

0 голосов
/ 29 апреля 2020

Я купил шаблон Monstroid2 для своего проекта.

https://www.templatemonster.com/website-templates/monstroid2.html

Это шаблон bootstrap. Я хочу добавить VueJS на некоторых страницах, чтобы упростить разработку.

Я пытался добавить VueJS на своей странице индекса, пытаясь заставить VueJS работать и после этого начать добавлять мои логики c. Похоже, что при загрузке VueJS страница застревает в загрузчике шаблона. Ничего не показано.

Нужно ли что-то указывать c, чтобы VueJS был совместим с шаблоном Bootstrap? 

...
  </head>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script src="https://unpkg.com/vuex"></script>
  <div id="vueApp">

...(some html from the template)

   <h1>Vue Demo #1</h1>
   <div id="vapp">
       <p>Hello World : {{ display }}</p>
   </div>
...(some html from the template)

    <script>
    const vueApp = new Vue({
      el: '#vueApp',
      data: {
        menuActive: true,
        currentSelectedMenu: 'main',
        display: 'redbox'
      }
    })
    </script>
  </body>
</html>
...