weex-如何自定义一个控件，并向控件中传值，接上一篇vue.set和this.xxx赋值

上一篇博客，博主对vue.set和this.xxx赋值属性做了说明，但究竟要怎么来定义属性和进行赋值呢？同时这里也牵涉到如何来自定义一个控件，类似于weex-ui中的那些写好的组件组件，可以直接调用的。
效果图如下：

这里要特别说明下，在网页上不知道什么原因传值失败，效果图如下：

传值有问题，但使用playground App扫码在真机或者模拟器运行都是正确的，我们以真机运行和模拟器运行结果为标准，playgriound还是有些问题的，毕竟环境不一样，是模拟出来的。
下面来看下怎么声明属性，这里博主就上一篇博客说的两种情况（细分为三种情况）分别进行了定义和实现：

//cuslist.vue文件->子控件
定义属性
props: {
      pageName: {
        type: Array//数组
      },
      page:{
        type: Array//数组
      },
      cus: {//字典
        title: '',
        pages: 0
      },
      hpageName: {//字符串
        type: String
      },
      hpage:{//number 类型
        type: Number
      },

  },

给他们赋值一共分为三步：
第一步：在父控件中使用子控件

        <wxc-tab-page ref="wxc-tab-page"
                :tab-titles="tabTitles"
                :tab-styles="tabStyles"
                title-type="icon"
                :needSlider="needSlider"
                :is-tab-view="isTabView"
                :tab-page-height="tabPageHeight"
                @wxcTabPageCurrentTabSelected="wxcTabPageCurrentTabSelected">
          <cuslist v-for="(v,index) in tabList" :key="v"
            :pageName="pageName"
            :page="page"
            :cus="cus"
            :hpageName="hpageName"
            :hpage="hpage">

          </cuslist>
        </wxc-tab-page>
        //和wxc-tab-page一起用的这里

第二部，在data中对变量进行初始化，这一步一定要进行，否则无法进行传值

data: () => ({
      page: [],//数组
      pageName: [],//数组
      hpage: 0,//Number
      hpageName: '',//字符串
      cus: {},//字典，对象,里面两个变量也可以在这里直接初始化，但是不写的话也没问题，但是赋值的时候不能写错
    }),

第三步：进行赋值操作，分为两小步
1）在created函数中给一个默认值；
2）在method中触发，改变页面的值；

    created () {
      kpageName = this.tabTitles[0]['title'];
      Vue.set(this.pageName, 0, kpageName);
      Vue.set(this.page, 0, 0)
      Vue.set(this.cus, 'title', kpageName);
      Vue.set(this.cus, 'pages', 0);
      this.hpage=0;
      this.hpageName='热门跟团';

    },
    methods: {
      wxcTabPageCurrentTabSelected (e) {
        const self = this;
        const index = e.page;
        setTimeout(() => {
            Vue.set(self.tabList, index, self.demoList);
            Vue.set(self.page, 0, index)
            kpageName = self.tabTitles[index]['title'];
            Vue.set(self.pageName, 0, kpageName);
            Vue.set(this.cus, 'title', kpageName);
            Vue.set(this.cus, 'pages', index);
            self.hpage=index;
            self.hpageName=kpageName;
        }, 100);
      }
    }

博主呢，一向话不多说，直接给你上代码，告诉你怎么做，代码都是比较基础的写法，不要问为什么，语法就是这样的，需要注意的就是赋值的地方，两种操作，三种状态，最好结合上一篇博客来看这篇博客的写法，你会学到更多。

但是对于初学者来说，他们可能连创建一个weex项目都不熟悉，对这里的代码位置也很陌生，博主早想到了，所以我一般都会附上一个Demo，什么都帮你做好，你只需要下载运行就可以了：点击下载