title: VueJS Slot v-text
body: <p>I want to show a variable in the default scope. This version works.</p>
  
  <pre><code>&lt;slot&gt;{{namedSlotText}}&lt;/slot&gt;   
  </code></pre>
  
  <p>But when I try it this other way, the variable doesn't show.</p>
  
  <p><strong>Template</strong></p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;my-component&gt;&lt;/my-component&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Code</strong> </p>
  
  <pre><code>let vm = new Vue({
    el:"#app",
    components:{    
      myComponent:{
        template:`
          &lt;div&gt;
           &lt;slot :text="namedSlotText"&gt;&lt;/slot&gt;
          &lt;/div&gt;
        `,
        data:()=&gt;({
          namedSlotText: "This is default slot text"
        })
      }
    }
  })
  </code></pre>
  
  <p>I saw some places where <code>v-text</code> works.</p>