title: Modify Data From Child To Parent
body: <p>I am trying to modify a property <code>routing</code> of a parent component from a child as follows:</p>
  <pre><code>//- Parent
  &lt;template&gt;
      &lt;First @toggleContent=&quot;routing = !routing&quot; /&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
    data() {
        return { routing: true }
    }
  }
  &lt;/script&gt;
  
  //- Child (First component)
  &lt;template&gt;
   &lt;div&gt;
    &lt;i class=&quot;bx bx-shape-triangle&quot; @click=&quot;toggleContent()&quot;&gt;&lt;/i&gt;
     {{routing}}
   &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
  props: {
      routing: Boolean
  },
  methods: {
      toggleContent() {
          this.$emit('toggleContent')
        }
      }
  }
  &lt;/script&gt;
  </code></pre>
  <p>on the console does not mark me any error.</p>