原创 vue-cli入門（三）——人員管理實例 前言 實例功能簡述 創建項目 項目開發
前言在開始開發實例前，應首先了解一下vue-cli的項目結構。接着我們一起來實現一個小demo——人員管理，功能簡單，通過這個實例讓大家熟悉使用vue-cli開發項目的一些操作，加深對vue-cli項目結構的印象。實例功能簡述人員管理項目，
2020-10-22 22:13:57
原创 vue.js原生組件化開發（二）——父子組件 前言 父子組件創建流程
前言 在瞭解父子組件之前應先掌握組件開發基礎。在實際開發過程中，組件之間可以嵌套，也因此生成父子組件。 父子組件創建流程 1.構建父子組件 1.1 全局註冊 (1)構建註冊子組件 //構建子組件child var child = Vue.e
2020-06-14 16:35:46
原创 vue-cli入門（四）——vue-resource登錄註冊實例 前言 實例功能簡述 項目功能梳理 開發項目
前言 使用vue-resource請求接口非常方便，在使用前需安裝vue-resource依賴並在入口文件main.js中聲明。附上git地址 實例功能簡述 本實例只有簡單的兩個模塊：登錄和註冊，主要演示如何用vue-resource請求接
2020-06-14 16:35:46
原创 關於基於框架搭建與佈局系統的思考
前言 我們在開發一個系統的時候，最重要的就是選擇系統開發框架，其次選擇UI，有了框架會使我們接下來的開發就遊刃有餘，大大提升我們的開發效率。那麼我們如何選擇框架？如何基於框架搭建系統？系統如何佈局呢？ 一、框架簡介 1.框架與架構 什麼是框
2020-06-14 16:35:46
原创 WebSocket學習（一）——基於socket.io實現簡單多人聊天室
前言 什麼是Websocket呢？ 我們都知道在Http協議中，客戶端與服務器端的通信是靠客戶端發起請求，然後服務器端收到請求再進行迴應，這個過程中，客戶端是主動的，服務器端是被動的。Websocket協議就不一樣了，它是基於TCP的一種新
2020-06-14 16:35:46
原创 vue.js原生組件化開發（一）——組件開發基礎 前言 組件使用流程 異步組件
前言 vue作爲一個輕量級前端框架，其核心就是組件化開發。我們一般常用的是用腳手架vue-cli來進行開發和管理，一個個組件即爲一個個vue頁面，這種叫單文件組件。我們在引用組件之時只需將組件頁面引入，再註冊即可使用。那麼不用腳手架，如何進
2020-06-14 16:35:46
原创 vue學習路徑
前言 最近有空整理了一下之前寫的文章，也給大家簡單提一個學習路徑，相信大家看完後，能夠掌握vue-cli的基礎並能簡單運用它。 vue-cli集錦 vue-cli入門（一）——項目搭建 vue-cli入門（二）——項目結構 vue-cli入
2020-06-14 16:35:46
原创 vue.js路由vue-router（一）——簡單路由基礎 前言 簡單路由跳轉實例
前言 vue.js除了擁有組件開發體系之外，還有自己的路由vue-router。在沒有使用路由之前，我們頁面的跳轉要麼是後臺進行管控，要麼是用a標籤寫鏈接。使用vue-router後，我們可以自己定義組件路由之間的跳轉，還可以設置稍複雜的嵌
2020-06-14 16:35:46
原创 vue.js路由vue-router（二）——路由進階 導航鉤子 路由元信息 過渡動效
導航鉤子 導航鉤子類似於生命週期鉤子，包含路由進入前，進入後，更新時，退出前等幾個週期，主要用於控制導航的前進後退或跳轉等。 在開始之前，我們先來寫兩個路由 新建html,引入vue.js及vue-router.js <!DOCTYPE h
2020-06-14 16:35:36