`data` prop not reactive ?

Hey, just tried liquor-tree and as it seems from initial tests it’s not reactive. My data is primary asynchronous and all my components have no data when mounted and rely on the reactive nature of vuejs. I looked at liquor source and it looks like the render uses a model property that is generated only once on mounted() (once per component instance) and not part of data() function.

[amsik]

Hey! Yes, this property in not reactive. It is parsing once on mounted() hook. I’ve prepared some example to fix your problem. It’s not a beautiful approach, but it works. Try it out: https://jsfiddle.net/amsik/b61h6wxk/10/

In nearly future I’m going to add a new API for async operation and listening for ‘props’ changes.

[entr]

Well, I’ll just repost the example. It must had been a really long week for me:

export default {
  props: ['initialTreeData'],

  data() {
    return {
      treeData: this.initialTreeData,
    }
  },
  
  watch: {
    initialTreeData( newData ) {
      this.treeData = `newData`
      // do data transformations etc
      // trigger UI refresh
    }
  }
}

Sorry for the notification spam 😃