Question

下午好！

我已经开发了一个节点js服务器，现在我想显示一个包含Vue脚本的html文件，该脚本通过另一个JS文件中编写的另一个方法加载数据。

但是当我尝试在浏览器上加载我的html文件时，出现此错误： ReferenceError：未定义NbRequest

我的HTML：

<div id="PRISME_data">
    Le nombre de requête est de  : {{ nb_request }}<br>
    <button v-on:click="change">change</button>
</div>

<script>    
    let app = new Vue({
       el:'#PRISME_data',
       data: {
          nb_request: 0
       },
       methods: {
          change: function() {
          changeNbRequest()
          }
       }
     });

     changeNbRequest = function() {
     var timer = setInterval(function() {
           app.nb_request = new NbRequest().returnRandomNumber();
        }, 5000);
     }
 </script>

我的其他JS文件（NbRequest.js）：

var cron = require('cron');
var fs = require('fs');

class NbRequest {
    returnRandomNumber() {
        return Math.floor((Math.random() * 5000) + 500);
    }
}

当然我添加了脚本定义：

<script src="../NbRequest.js"></script>

我不知道我是否真的很清楚，但你可以帮助我吗？

非常感谢!!

Answer 1

您正在Vue变量之后加载课程。

首先尝试<script src="../NbRequest.js"></script>然后

<script>    
    let app = new Vue({
          .....

我不能在我的HTML中使用Vue js的JS脚本

1 个答案: