分離var app = new Vue（{}）; 到另一個app.js

Question

我在Resources / asset / js / app.js中的每個“ samples” .blade.php中都有很多使用的提示。

 var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});

但是，一旦我創建一個新的前。 資源/資產/ JS。什么是我的新app1.js內內app1.js不工作。 即使我復制了這個：

require('./bootstrap');

window.Vue = require('vue');

仍然不起作用。

我是在laravel中使用vue.js的新手。 我希望有人可以向我解釋如何正確使用vue.js。 我只想分隔此var app 。 在另一個.js中，例如示例app1.js

Answer 1

可能是您需要為每個應用程序定義不同的ID。

// frist page

// html
<div id="blog-app">
  {{ message }}
</div

// js
var blogApp = new Vue({
  el: '#blog-app', // <-this id
  data: {
    message: 'Hello Blog!'
  }
})



// second page

// html
<div id="gallery-app">
  {{ message }}
</div

// js
var galleryApp = new Vue({
  el: '#gallery-app', // <-this id
  data: {
    message: 'Hello Gallery!'
  }
})

// .. and so on

可能可以幫助分離這些應用。

如有任何疑問，請發表評論。