1

HTML

<div id="app">
  <my-component></my-component>
</div>
<script>
function asyncFunction () {

}
</script>
<script src="main.js"></script>

main.js

import Vue from 'vue'
import MyComponent from './components/MyComponent.vue'

new Vue({ 
  el: '#app',
  components: { MyComponent }
})

MyComponent.vue

export default {
  name: 'MyComponent',
  data () {
    return {
      session: ''
    }
  }
}

Вопрос в том, как из asyncFunction передать в компонент (или в корневой элемент) какие-либо данные, чтобы после этого произошел перерендеринг компонента MyComponent.

Для приведенного выше примера нужно обновить свойство session в компоненте MyComponent после вызова asyncFunction.

2
  • А почему это не делать в самом компоненте ?
    – MoJlo4HuK
    19 авг 2017 в 9:51
  • @MoJlo4HuK Потому что asyncFunction вызывается не мной, хотя ее код пишу я. Считайте, что ее вызов гарантированно произойдет, но когда это случится заранее неизвестно. В этот момент и надо обновить данные на экране.
    – SaXXuM
    19 авг 2017 в 16:16

1 ответ 1

2
window.App = new Vue({....})
function asyncFunction () {
    window.App.session = 'Yeah'
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.