外部javascript文件在vuejs中不起作用

Question

为什么不起作用？

import Vue from 'vue'
import App from './App'

window.$ = require('jquery')
require('./jscode');

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

和jscode.js

$("#test ").on('click' , function () {
    console.log('worked')
})

在app.vue中

<template>
   <div>
  <p id="test"> my text </p>
   </div>
</template>

<script>

    export default {
        name: "app",
    }
</script>

我想使用管理仪表板模板，并且它有很多jquery代码