title: 'v-bind' directives require an attribute value
body: <p>I am trying to create some type of tree with vue.js and stuck on a problem with element props. Help me out plz.</p>
  
  <p>I've tried <code>:content="{{tempCont}}"</code> and I've tried <code>content="{{tempCont}}"</code>, but none of them worked.</p>
  
  <p>Here's the place where I am using <code>tree</code> element:</p>
  
  <pre><code>&lt;div id="tree"&gt;
      &lt;treeItem :title="Parent" :content="{{tempCont}}"&gt;&lt;/treeItem&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the entire tree element:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;p v-on:click="openTree"&gt;{{title}}&lt;/p&gt;
          &lt;div id="childs" v-if="childVisibility"&gt;
              &lt;treeItem v-for="item in content" :key="item" title=item&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
      data: {
          childVisibility: false
      },
  
      methods: {
          openTree: function(){
              childVisibility = !childVisibility;
          }
      },
  
      props: {
          title: String,
          content: Array,
      }
  }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  
  &lt;/style&gt;
  </code></pre>
  
  <p>I am getting this error:<img src="https://i.ibb.co/QNBR87S/image.png" alt="Error Image"></p>