суть вопроса, для сборки проекта использую webpack+vue-loader
проект выглядит так, main.js
import Vue from 'vue'
import App from './App.vue'
var app = new Vue({
el: '#vue_test_id',
data: {
test:'ffff',
test1:'dddd'
},
render: h => h(App)
})
<template v-bind:test="test">
<div>
{{test}}
{{test1}}
</div>
</template>
<script>
export default {
name: 'component1',
props:['test'],
data: function(){
return {
test1: this.$parent.test1
}
},
}
</script>
суть в том, что мне надо передавать состояние приложения во все компоненты вниз к «детям» и изменять его, в документации написано что можно передавать параметры детям через props, но как-то не работает, либо в случае когда каждый компонент отдельный файл надо делать это как-то по другому либо одно из двух. зато инициализация компонента через this.$parent прекрасно работает и реагирует не изменения.
Вообщем я вроде добился цели, но при помощи гугла, а не при помощи документации, и не совсем понимаю, зачем эти props, если всегда можно обратиться к this.$parent.
Правильно ли таким образом передавать параметры вниз, какие подводные камни.
А вот передать параметры из App.vue в его дочерние компоненты при помощи props уже получается.