vue封裝組件總結

• 父組件引用子組件,設置props

<add tableName="mysql"/>
<add :tableName="mysql"/>
這二個的區別: 1是固定值   2是根據data裏面的mysql變量。

• Vue子組件調用父組件的方法

這裏建議採用$emit,方法名靈活。

• Vue事件解讀之$emit

emit想要直接獲得父方法的返回值，是無法實現的，但是我們可以在父組件裏面
that.$refs.loadMore1.pushData( res.data.listMap );這樣把數據放到data裏面就可以了。

或者直接用其它的2種方法直接執行父組件

• vue 子組件 初始化

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

• vue中子組件的methods中獲取到props中的值

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

• vue中watch不觸發、不生效的解決辦法及原理
• vue 修改 data 數據問題並實時顯示的方法

這裏不能直接在data裏面新增數據。
this.$set(this.tableData , 'list' , '123456');
console.log( this.tableData.list ); // 123456
this.$set(this , 'list' , '123456');
console.log( this.list ); // undefined

• vue中v-model動態生成的實例詳解

• JavaScript循環遍歷map數據

• vue父組件調用子組件方法

vue 組件繼承問題

• vue2.0 如何自定義組件（vue組件的封裝）
• 詳解Vue2.0組件的繼承與擴展
• vue組件 組件的繼承extend