разделение var app = new Vue ({}); в другой app.js - PullRequest
Новая
       7

разделение var app = new Vue ({}); в другой app.js

0 голосов
/ 05 сентября 2018

У меня есть много vue, которое я использовал для каждого «семпла» .blade.php внутри Resources / asset / js / app.js . 

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

Однако, как только я создаю новую бывшую. app1.js внутри Resources / asset / js. Что внутри моего нового app1.js не работает. Хотя я копирую это: 

require('./bootstrap');

window.Vue = require('vue');

все еще не работает.

Я новичок в использовании vue.js в laravel. Я надеюсь, что кто-то может объяснить мне, как правильно использовать vue.js. Я просто хочу отделить это var app s. в другом .js как образец app1.js

1 Ответ

0 голосов
/ 05 сентября 2018

Может быть, вам нужно определить разные идентификаторы для каждого приложения. 

// 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

может быть, это поможет разделить эти приложения.

если есть сомнения, прокомментируйте.

...