91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何使用vue.js實現仿QQ聊天室

發布時間:2021-12-07 12:21:36 來源:億速云 閱讀:414 作者:iii 欄目:開發技術

這篇文章主要介紹“如何使用vue.js實現仿QQ聊天室”,在日常操作中,相信很多人在如何使用vue.js實現仿QQ聊天室問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”如何使用vue.js實現仿QQ聊天室”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

    簡介

    這是一款基于 vue.js 開發的聊天室組件庫,在提供基礎封裝的同時,最大程度的增加擴展性。

    下面是效果演示圖:

    如何使用vue.js實現仿QQ聊天室

    如何使用vue.js實現仿QQ聊天室

    如何使用vue.js實現仿QQ聊天室

    如何使用vue.js實現仿QQ聊天室

    如何使用vue.js實現仿QQ聊天室

    MChat組件效果圖:

    如何使用vue.js實現仿QQ聊天室

    如何使用vue.js實現仿QQ聊天室

    IChat組件效果圖:

    如何使用vue.js實現仿QQ聊天室

    如何使用vue.js實現仿QQ聊天室

    如何使用vue.js實現仿QQ聊天室

    如何使用vue.js實現仿QQ聊天室

    如何安裝

    使用 npm 安裝
    npm install vue-mchat

    使用

    在main.js中引入
    # npm 下載方式
    // 進入css
    import 'MChat/lib/MChat.css'
    //引入組件
    import MChat from 'MChat'
    // 使用vue加載組件
    Vue.use(MChat)
    #

    如何進行二次開發

    方案一:

    直接將 pacages 文件夾復制到你需要的項目,在 main.js 中引入 vue-mchat:

    import App from './App.vue'
    import MChat from '../packages/index'
    
    Vue.use(MChat)
    方案二:

    在 vue-mchat 的基礎上進行開發,通過打包成js庫引入:

    在 vue-mchat 目錄下執行:

    npm run lib

    可獲得 lib 文件其中包含 MChat 的編譯文件庫,將 lib 整個復制到項目里,在 main.js 中引入:

    import  '../lib/MChat.css'
    import MChat from '../lib/MChat.umd'
    
    Vue.use(MChat)

    到此,關于“如何使用vue.js實現仿QQ聊天室”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

    向AI問一下細節

    免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

    AI

    兖州市| 宽甸| 东乌珠穆沁旗| 昆明市| 定西市| 通辽市| 五家渠市| 巨鹿县| 丹寨县| 县级市| 平顶山市| 阳谷县| 温泉县| 娱乐| 东平县| 韶山市| 集贤县| 岑溪市| 石柱| 亳州市| 原阳县| 高雄县| 县级市| 沂水县| 浮梁县| 安乡县| 渝北区| 永城市| 丰城市| 凌源市| 承德市| 张掖市| 聂拉木县| 刚察县| 大邑县| 遂溪县| 英德市| 孝义市| 康定县| 定州市| 吉首市|