vue props 一次传多个值

最新推荐文章于 2024-09-03 16:41:56 发布

周家大小姐.

最新推荐文章于 2024-09-03 16:41:56 发布

阅读量8.7k

点赞数 3

分类专栏： vue2.0 周家大小姐

本文链接：https://blog.csdn.net/qq_40190624/article/details/90897949

版权

本文探讨了在Vue.js中如何一次性向子组件传递多个属性值，通过props列表实现父子组件间的数据通信，提高代码效率。

摘要由CSDN通过智能技术生成

数组：
<custom-element :whatever="[...array]"></custom-element>

对象:
<custom-element :whatever="{...obj}"></custom-element>

或者 ：

<custom-element v-bind="obj" </custom-element>

子组件:

<ul class="car_wrap">
      <li >
        <span>
          <i class="fa fa-clock-o clock_icon" aria-hidden="true"></i>
        </span>
        <p>{
  {propsText.seleTime}}</p>
      </li>
      <li class="car_start">
        <span>
          <i class="fa fa-circle circle_icon" aria-hidden="true"></i>
        </span>
        <p>{
  {propsText.carsStart}}</p>
      </li>
      <li class="car_end">
        <spa