父组件向子组件传参

一、创建页面index,创建组件componentB
image.png

二、
1、index.json引入组件componentB
image.png

{
  "usingComponents": {
    "my-component":"../components/componentB"
  }
}

“my-component”是给引入的组件自定义的一个名称
“../components/componentB ”是组件路径

2、index.wxml,父组件使用引入的组件
image.png

<view>这里是首页</view>
<my-component toCpnB="{{toCpnValue}}"></my-component>

3、index.js
image.png

 data: {
    toCpnValue:"这是父组件传到子组件的值"
  },

三、子组件接收父组件的值
创建一个 toCpnB 来接收父组件传过来的值
image.png
渲染数据
image.png

四、ok了
image.png


Hard heart
1 声望0 粉丝

下一篇 »
vue中key的作用