Спецификация компонентов c JS не работает в vue. js - PullRequest
Новая
       31

Спецификация компонентов c JS не работает в vue. js

1 голос
/ 20 июня 2020

Я использую шаблон, в котором есть несколько файлов ресурсов css и js. Когда я включаю упомянутые файлы в index. html и записываю все html в этот файл, все работает. Но когда я создаю компонент навигации, импортирую и использую его в app. vue, JS для этого компонента c не работает. в то время как css работает нормально. У меня нет консольных ошибок.

index. html выглядит так после создания компонента 

<html lang="en-US">
  <head>
//css links
  </head>
  <body>
    <div id="app"></div>

    <script src="assets/js/jquery-3.1.1.min.js"></script>
    <script src="assets/js/plugins.js"></script>
    <script src="assets/js/dsn-grid.js"></script>
    <script src="assets/js/custom.js"></script>
  </body>
</html>

App. vue File: 

<template>
  <div id="app">
    <Nav />
  </div>
</template>

<script>
import Nav from "@/components/Nav.vue";
export default {
  components: {
    Nav,
  },
};
</script>

Nav . vue Файл: 

 <template>
  <div>
    <!-- Nav Bar -->
    <div class="dsn-nav-bar">
      //inside nav
    </div>
     <!-- End Nav Bar  -->
  </div>
</template>

<script>
export default {};
</script>

Основной. js

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
...