vue组件获取props_学习 vue 的组件 props 参数类型【15】

学习要点：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教程等，望大家能以学习为目的，每天阅读一篇文章，了解身边的技术，陪有梦想的人一起成长！