有一个问题老师帮忙看一下
来源：4-11 在Vue中使用插槽
小杨同学呀
2020-08-22 15:03:09
<div id="app">
<child content="<p>Dell</p>"></child>
</div>
<script>
Vue.component('child',{
props:['content'],
template:'<div><p>hello</p></div>'
})
var vm = new Vue({
el:'#app'
})
<child content="<p>Dell</p>"></child>
<child ：content="<p>Dell</p>"></child>加冒号
<child >{{content}}</child> 写在里面
老师这三种分别代表什么意思啊 我知道:带冒号的是绑定 {{代表的传入的值}} 内个？ <child content="<p>Dell</p>"></child> 这种 就不太理解了
1回答
-
好帮手慕久久
2020-08-22
同学你好，问题解答如下：
前两种是绑定数据，而“ <child >{{content}}</child> ”是使用数据，具体如下：
前两种中的“:content和“content”都是给子组件绑定数据，区别就在于“:content”绑定的值是变量，而“content”绑定的一个固定的值。子组件在props中，可以接收到绑定的值，然后在{{}}中使用，如下：
如果我的回答帮到了你，欢迎采纳，祝学习愉快！
0
相似问题