vue 앱에서 다른 앱으로 데이터를 푸시할 수 있는가?

vue 앱에서 다른 앱으로 데이터를 푸시할 수 있는가?

나는 Vue 앱이 두 개 있는 페이지가 있다.나는 페이지에 구글 광고가 나돌고 있고 Vue는 인스턴스 안에 스크립트 태그를 허용하지 않기 때문에 그것들을 결합할 수 없다.

나는 비슷한 것을 사용하는 방법을 원한다.propsApp1에서 App2로 데이터를 푸시하는 방법.

예: 사용자가 App1에서 입력을 작성하면 Vue는 v-model을 통해 데이터를 보존하고 App2로 데이터를 전송한다.

App1에 입력된 키워드를 통해 필터링하여 App2에 해당 키워드에 해당하는 Business를 표시하는 데 이것을 사용하고 싶다.

이것이 가능한가? 만약 그렇다면 Vue는 내가 사용할 수 있는 기능이 내장되어 있는가?

너는 버스를 이용할 수 있다.

const bus = new Vue();

new Vue({
  el:"#app-one",
  methods:{
    sendMessage(){
      bus.$emit('send-message', "hello from app one!")
    }
  }
})

new Vue({
  el:"#app-two",
  data:{
    message: null
  },
  mounted(){
    bus.$on("send-message", message => this.message = message);
  }
})

예.

두 Vues 간에 데이터를 공유할 수도 있다.

const shared = {
  message:null
}

new Vue({
  el:"#app-one",
  data:{
    shared
  }
})

new Vue({
  el:"#app-two",
  data:{
    shared
  }
})

예.

참조URL: https://stackoverflow.com/questions/43059067/is-it-possible-to-push-data-from-one-vue-app-to-another