vue封装组件思路_前端封装组件

<add tableName="mysql"/>
<add :tableName="mysql"/>
这二个的区别: 1是固定值   2是根据data里面的mysql变量。

这里建议采用$emit,方法名灵活。

emit想要直接获得父方法的返回值，是无法实现的，但是我们可以在父组件里面
that.$refs.loadMore1.pushData( res.data.listMap );这样把数据放到data里面就可以了。

 created () { // 在组件初始化的时候执行，只执行一次
            console.log( this.$data );
            console.log( this );
         }

console.log( this.tableName );
console.log( this.getTableName() );

这里不能直接在data里面新增数据。
this.$set(this.tableData , 'list' , '123456');
console.log( this.tableData.list ); // 123456
this.$set(this , 'list' , '123456');
console.log( this.list ); // undefined