您好,登錄后才能下訂單哦!
vue簡介
Vue.js(讀音 /vjuː/, 類似于 view) 是一套構建用戶界面的漸進式框架。
Vue 只關注視圖層, 采用自底向上增量開發的設計。
Vue 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
Vue 學習起來非常簡單,本教程基于 Vue 2.1.8 版本測試。
概述
這是一個16年9月份找的開源項目源代碼,結合自己的實際情況進行的修改項目,以后內容將會有很大的不同,項目的目標是向QQ看齊
頁面效果展示
免責聲明
本項目為開源項目,如有類同,純屬巧合。
項目已實現功能
側邊欄
聯系頁面
動態頁面
信息列表
搜索好友
對話頁面
信息列表左右滑動
新增加功能
怎加了信息獵豹的刪除,
標記可讀,
置頂
存在問題
刪除事件,置頂事件和標記事件的觸發區域發生了位移,正在排查原因,歡迎各位指教
注:項目的開發注意事項,填坑,以及技術棧等相關文章請訪問我的掘金個人主頁
桌面及移動端測試
技術棧
vue-cli
vue2
vue-router
vuex
axios
stylus
webpack2
muse-ui
目錄結構
├── README.md ├── build // 構建服務和webpack配置 ├── config // 項目不同環境的配置 ├── dist // 項目build目錄 ├── index.html // 項目入口文件 ├── package.json // 項目配置文件 ├── mockdata.json // 項目偽數據(模擬數據) ├── src │ ├── common // 公用的css樣式 | ├── components // 各種組件 │ ├── router // 存放路由的文件夾 │ ├── vuex // 存放Vuex的相關 │ ├── muse-ui.config.js // muse-ui單組件加載配置 │ ├── App.Vue // 模板文件入口 │ └── main.js // Webpack 預編譯入口 ├── static // css js 和圖片資源 # 安裝 npm install # 運行(端口8888) npm run dev # 發布 npm run build
這個是我在github上找的一個開源項目改的代碼用來練手,提高vue的開發能力的的demo
源碼地址:github地址 喜歡的話就添加個star吧 !
總結
以上所述是小編給大家介紹的Vue仿手機qq的實例代碼(demo),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。