学习要点:1.多种类型
本节课我们来开始学习 Vue 的组件 props 参数类型。
一.组件的 props 类型
1. 从父组件给子组件通信,子组件不单单可以得到字符串类型,还可以是其它类型;
"app"> :v-type="text"> color="green"/>
:v-type="arr"> color="green"/>
:v-type="arr[2]"> color="green"/>
:v-type="obj"> color="green"/>
:v-type="obj.name"> color="green"/>
:v-type="flag"> color="green"/>
:v-type="!flag"> color="green"/>
:v-type="number"> color="green"/>
</div>
const dataObj={ text:'我是字符串', arr:[1,2,3,4,5], obj:{ name:'Mr.ren', age:100 }, flag:true, number:100,};
2. 从上面的子类中,我们发现,text 包含了所有的父组件的值;
3. 这种方式只能在绑定里组合更多的值,而不能在模版中组合更多的值;
<div id="app"> <html-a v-bind:v-type="text" :v-type="number">html-a>div>
4. 如果不能在模版中组合更多的值,就无法更好的布局;
<div id="app"> <html-a :v-arr="arr" :v-obj="obj">html-a>div>
如果您觉得有用,记得在下方点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的打赏支持才是小编继续努力的动力,么么哒。
每日分享在学习过程中总结的学习经验,学习笔记,笔试题,HTML,CSS,JavaScript,jQuery教程,Vue教程,PHP教程,TinkPHP教程等,望大家能以学习为目的,每天阅读一篇文章,了解身边的技术,陪有梦想的人一起成长!