Question

我想将我的vue代码放入外部.js文件中。我在没有webpack的情况下使用它的简单方法，因为我只是从vue开始。问题是，如果使用脚本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文件。这怎么可能？

祝你好运

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
           });

使用vue.js的脚本src不起作用

1 个答案: