记录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>
3 條評論
hei
买菲斯塔
晒气