亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

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

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

如何使用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

    南宁市| 江口县| 常德市| 山阴县| 嵊泗县| 平泉县| 宁南县| 紫金县| 乌什县| 竹溪县| 贺州市| 久治县| 麦盖提县| 黔西县| 淮北市| 京山县| 自贡市| 西城区| 凉山| 平遥县| 霸州市| 大兴区| 屯门区| 镇巴县| 韩城市| 蒙山县| 龙海市| 陈巴尔虎旗| 保定市| 汉沽区| 铜川市| 海阳市| 根河市| 阳西县| 大兴区| 沂源县| 临夏市| 乐陵市| 佛冈县| 太保市| 仪征市|