TzuHsing Su

Vue组件-render函数与props传值
记录Vue学习过程中遇到的问题prop当想要把变量通过prop传入模板中使用的时候,父组件: 应使用v-bind:...
扫描右侧二维码阅读全文
02
2019/11

Vue组件-render函数与props传值

记录Vue学习过程中遇到的问题

prop

当想要把变量通过prop传入模板中使用的时候,
父组件:
应使用v-bind:propName="变量"
而纯粹使用字符串的时候可直接 propName="字符串"

但在标签中传值时我们应在组件的标签中传值。在template甚至在其他子组件中传值可能会失效

  <div id="father">
    <child myprop='this is prop' v-bind:myprop2="{'first':'this is prop2'}">
  </child>
 </div>
 <script>
   Vue.component('child',{
     props:{
      myprop:String,
      myprop2:Object
    },
     template:`
       <div>静态传值:{{myprop}}动态传值:{{myprop2.first}}</div>
     `
  })
  new Vue({
   el:"#father"
 })
</script>
最后修改:2019 年 11 月 12 日 06 : 16 PM
如果覺得我的文章對你有用,請隨意讚賞

發表評論