Передача данных в инстанс Vue извне

230
21 августа 2017, 11:09

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.

Answer 1
window.App = new Vue({....})
function asyncFunction () {
    window.App.session = 'Yeah'
}
READ ALSO
Некорректная работа setInterval

Некорректная работа setInterval

Всем привет! Пытаюсь создать игру(кликер)Кликая на настройки(settings), запускается функция, в которую вложены еще несколько функций

254
Вырезать url адрес изображения

Вырезать url адрес изображения

Подскажите регулярку, чтоб вырезать из строки url("/images/imagepng"); ссылку на изображение

242
Firebase. Добавление своих данных

Firebase. Добавление своих данных

Здравствуйте, ребятаУ меня такой вопрос

337