jquery引用到为vue

Question

jquery的script如何引用到vue中,已经引入jquery，但不知道如何改写，放在哪里

      <script>
        Main = function () {
        }
        Main.tabletOpen = false
        Main.secretOnClick = function () {
          console.log('test')
          if (Main.tabletOpen) {
            Main.closeTablet()
          } else {
            Main.openTablet()
          }
          Main.tabletOpen = !Main.tabletOpen
        }
        Main.tunnelOnClick = function () {
          $('body').append('<div id="theLights"></div>')
          $('#theLights').fadeTo(900.0, 1.0, function () {
            window.location = 'darknet.html'
          })
        }
        Main.openTablet = function () {
          console.log($('#tableTop'))
          $('#secretButton').css('z-index', 0)
          $('#fullBody').css('position', 'absolute')
          $('#fullBody').animate({
            left: '1000px'
          }, 2000)
        }
        Main.closeTablet = function () {
          $('#fullBody').animate({
            left: '0px'
          }, 2000, function () {
            $('#secretButton').css('z-index', 999)
            $('#fullBody').css('position', 'relative')
          })
        }
      </script>

Answer 1

问一下你这个html的作用是干啥的，挂载Vue么，html中的js是干啥用的