I am trying to create some type of tree with vue.js and stuck on a problem with element props. Help me out plz.

I've tried :content={{tempCont}} and I've tried content={{tempCont}}, but none of them worked.

Here's the place where I am using tree element:

<div id=tree>

    <treeItem :title=Parent :content={{tempCont}}></treeItem>

</div>

Here's the entire tree element:

<template>

    <div>

        <p v-on:click=openTree>{{title}}</p>

        <div id=childs v-if=childVisibility>

            <treeItem v-for=item in content :key=item title=item>

        </div>

    </div>

</template>



<script>

export default {

    data: {

        childVisibility: false

    },



    methods: {

        openTree: function(){

            childVisibility = !childVisibility;

        }

    },



    props: {

        title: String,

        content: Array,

    }

}

</script>



<style scoped>



</style>

I am getting this error: