Item.vue

<style>
</style>

<template>
</template>

<script>
console.log("test");
export default {
	props: {
		model: Object
	},
	data: function () {
		return {
			open: false
		}
	},
	computed: {
		isFolder: function () {
			return this.model.children &&
			this.model.children.length
		}
	},
	methods: {
		toggle: function () {
			if (this.isFolder) {
				this.open = !this.open
			}
		},
		changeType: function () {
			if (!this.isFolder) {
				Vue.set(this.model, 'children', [])
				this.addChild()
				this.open = true
			}
		},
		addChild: function () {
			this.model.children.push({
				name: 'new stuff'
			})
		}
	}
}
</script>