小白学微信小程序——自定义组件父向子传递

如我们这个标题的内容是放在自定义组件的js文件中的。但是如果其他页面使用这个组件却要不同的标题内容，这样就不能够使用这个组建了，这样也改变了使用自定义组建的初衷。

这样我们就需要使用自定义组件的父向子传递，即实现数据的动态化。我们必须把数据抽离出来。
接下来我们来做一个最简单的父向子传递，这个方式呢需要把数据抽离出来。
自定义组件的文件——子

显示页面的文件——父

在demo1.wxml中的代码
aaa表示名字，123表示传递的值

<!--pages/demo1/demo1.wxml-->
<!-- 父组件（页面文件） 向子组件传递数据是通过  标签属性的方式来传递的
2.在子组件进行接受-->
<Tabs aaa="123"></Tabs>

然后在Tabs.js文件中

  /**
   * 组件的属性列表
   */
  // 存放的是要从父组件中接受的数据
  //把这个数据当成data中的数据直接用即可
  properties: {
    //要接受的数据的名称
    aaa:{
      //type要接受的数据的类型
      type:String,
      //value 默认值
      value:""
    }
  },

然后就是引用这个值了很简单就是在Tabs.wxml中直接使用

<view>{{aaa}}</view>

这样在demo1.wxml的文件中就可以显示值了