专栏首页风吹杨柳vue data和props的区别
原创

vue data和props的区别

子组件中的data数据,不是通过父组件传递的是子组件私有的,是可读可写的。

子组件中的所有 props中的数据,都是通过父组件传递给子组件的,是只读的。

props 可以是数组或对象,用于接收来自父组件的数据

    <panel>
      <div class="title" slot="title">测试组件Repeat</div>
      <div v-for="(item, index) in groupList">
        <group :grouplist="item" :index="index"></group>
      </div>
    </panel>

上面<group>就是一个组件;

:grouplist="item":index="index"

这两个属性就是通过props接收的,父组件传递过去的

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • SCSS的特点

    使用scss时候在所在的style样式标签上添加lang=”scss”即可应用对应的语法,否则报错

    wust小吴
  • 自定义Adapter中的跳转事件如何写

    /******************************** 下面是viewPager的点击事件  2015-9-14晚10.30点    ******...

    wust小吴
  • 神经网络速记概念解释

    1、将输入图像传递到第一个卷积层中,卷积后以激活图形式输出。 图片在卷积层中过滤后的特征会被输出,并传递下去 2、每个过滤器都会给出不同的...

    wust小吴
  • reactjs不常见的面试提要

    杭州前端工程师
  • 「React 手册 」如何创建函数组件?

    大家好,在前面的几篇相关文章里,我们一起学习了如何使用类的方式声明组件,以及如何属性传值和处理本地数据状态,本篇文章我们一起学习如何使用函数的方式进行声明组件。

    前端达人
  • 「React 基础」函数组件及Hooks特性简介

    大家好,在前面的几篇相关文章里,我们一起学习了如何使用类的方式声明组件,以及如何属性传值和处理本地数据状态,本篇文章我们一起学习如何使用函数的方式进行声明组件。

    前端达人
  • vue中父子组件传递信息实现

    在父组件的script中通过import引入,然后通过components进行挂载,最后以标签的形式使用

    wfaceboss
  • 我们编写 React 组件的最佳实践

    刚接触 的时候,在一个又一个的教程上面看到很多种编写组件的方法,尽管那时候 框架已经相当成熟,但是并没有一个固定的规则去规范我们去写代码。 在过去的一年里,...

    企鹅号小编
  • 如何提高Flutter应用程序的性能

    在调用 setState() 方法重建组件时,一定要最小化重建组件,没有变化的组件不要重建,看下面的Demo,这是一个设置页面,

    老孟Flutter
  • wepy repeat标签循环渲染bug解决

    子组件的show控制这个子组件的是否展示的状态,当我们绑定了点击事件之后,点击其中一个子组件。全部几个用repeat渲染出来的子组件都会同时消失或者显示,而不是...

    flytam

扫码关注云+社区

领取腾讯云代金券