记录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
如果覺得我的文章對你有用,請隨意讚賞