vue子组件数据怎么用

vue 子组件数据独立于父组件，只能访问通过 props 传递的数据。父组件使用 v-bind 指令和 props 选项向子组件传递数据。子组件使用 $attrs 访问除 props 声明外的父组件属性。子组件通过自定义事件向父组件传递数据。

(图1)

Vue 子组件数据使用

在 Vue.js 中，子组件的数据与父组件的数据是分开的。子组件只能访问父组件通过 props 属性传递给它的数据。父组件可以通过 v-bind 指令向子组件传递数据。

使用 Props 传递数据

在子组件中，使用 props 选项指定需要接收的数据：

立即学习“前端免费学习笔记（深入）”；

export default {
  props: ['data']
};

1、本站目前拥有近 1000+ 精品收费资源，现在加入VIP会员即可全部下载。
2、本资源部分来源其他付费资源平台或互联网收集，如有侵权请联系及时处理。
SEA模板网 » vue子组件数据怎么用

分享到：