javascript - 带有 vue.js 的脚本 src 不起作用

Question

我想将我的 vue 代码放入一个外部 .js 文件中。我在没有 webpack 的情况下以简单的方式使用它，因为我只是从 vue 开始。问题是如果你使用 script src 作为 html 标签，vue 不起作用。例如：这是我的 test.html，代码如下：

<div id="app">
  {{ message }}
</div>
<script src="myvuefile.js"></script>

这是我的 vue 文件：

document.addEventListener('load', function() {
  var app = new Vue({
    el: '#app',
    data: {
      message: 'Hello Vue!'
    }
  })
});

如果我将它直接放在我的 html 文件中，它可以工作，但我想使用单独的 js 文件。这怎么可能？

此致

标签： javascripthtmlvue.js

Answer 1

是这样的：

   document.addEventListener('load', function() {
   var app = new Vue({
     el: '#app',
         data: {
         message: 'Hello Vue!'
          },
         methods: {
           loadJs(url, callback) {
             jQuery.ajax({
               url: url,
               dataType: 'script',
               success: callback,
               async: true
             });
           }
         },
         mounted() {
           this.loadJs('myvuefile.js', 
        function() {
             //Stuff to do after someScript has loaded
           });