記得移入依賴 然后開始封裝我們的組件 在頁面中使用 要傳id，放置自動生成的id一樣，會只顯示一個summernote編輯器 。 ...

使用MyDialog組件 ...

使用方法： 　　引入並注冊組件，然后直接使用； 　　　　@getcode是同步獲取編輯器內容的；:contentDefault是編輯器的默認內容； 　　注意：如果同一個頁面多個編輯器，參數id不能相同，否則只有第一個編輯器有樣式； 封裝組件： 　　工具欄 ...

在開發過程中，我們經常會使用各種ui組件，有的時候需要二次封裝，或者修改樣式，以方便重復使用 以element舉例： 另外一種方式，則是通過render方法，將外部所有的參數原樣傳遞過去 放在default后面即可，但是無法直接使用獲取到的具名 ...

1.父組件的寫法 <upload-dialog :upload-visable.sync="dialogFormVisible"></upload-dialog> 2 子組件的寫法; ①父組件傳過來的值uploadVisible，子組件:visible.sync ...

1.父組件 2.子組件 ...

主要是利用了插槽 使用 ...

以我自己封裝的一個npm包為例，用於音頻打點切分，展示音頻波形圖，波形圖選區播放等，如下圖： 傳送門： npm: https://www.npmjs.com/package/audio_wave_plugin github源碼:https://github.com ...