在 Vue.js 文件中使用 JS/JQuery

Question

我们不能在 vue.js 中使用我们自定义的 JS 代码吗？ 我想添加基本的 jquery 和 JS 代码，但似乎 vue.js 不接受它。 我需要为它创建组件吗？

这是我要添加的js代码

<head>
  <title>Pusher Test</title>
  <script src="https://js.pusher.com/5.1/pusher.min.js"></script>
  <script>

    // Enable pusher logging - don't include this in production
    Pusher.logToConsole = true;

    var pusher = new Pusher('ID', {
      cluster: 'ap2',
      forceTLS: true
    });

    var channel = pusher.subscribe('my-channel');
    channel.bind('my-event', function(data) {
      alert(JSON.stringify(data));
    });
  </script>
</head>
<body>
  <h1>Pusher Test</h1>
  <p>
    Try publishing an event to channel <code>my-channel</code>
    with event name <code>my-event</code>.
  </p>
</body>

这就是我的 vue.js 代码开始的方式，我的印象是它可以毫无问题地工作。

    <template>
    <div>  
    <div class="apps-backdrop in" @click="close" v-if="isOpen"></div>
    <div class="apps-sidebar" :class="{'in': isOpen}">
      <v-list three-line class="navy pa-0 pt-2">
        <v-subheader>
          <h3>Title</h3>
        </v-subheader>

        .....



<script>


import hopscotch from 'hopscotch';
import { mapActions, mapState } from 'vuex';
import sites from '../../config/sites';
import api from '../api/users';


export default {
    name: 'pushercomponent',
    data () {

....

Answer 1

安装后：

npm install jquery --save

在您想要的任何组件中导入 jQuery：

<script>
  import $ from 'jquery';

  export default {
    mounted() {
      $(".test").delay(3000).css("background-color","red");
    },
  };
</script>

在 Vue.js 文件中使用 JS/JQuery

问题描述

1 个解决方案

解决方案1
0 2020-03-21 09:19:45

在 Vue.js 文件中使用 JS/JQuery

问题描述

1 个解决方案

解决方案1 0 2020-03-21 09:19:45

解决方案1
0 2020-03-21 09:19:45