「叮咚!」 手機發出了一聲短促的提示音,讓人不禁想快點拿出手機,看看究竟是誰發了訊息給自己。 隨著智慧型手機普及率提高,行動通訊軟體已經深深地融入在我們的日常生...
本篇的內容包含 如何安裝Node.js 如何安裝Visual Studio Code 如何透過npm安裝Vue Cli 如何透過Vue Cli設定,產出專案框...
本篇的內容包含 如何在Vue專案中安裝Element UI套件 如何透過babel-plugin-component只引用需要的元件進專案 透過npm安裝re...
本篇的內容包含 如何製作Vue元件 今天接續Day03的內容,繼續完成基本的版型配置。 目錄的整理 首先來做一下檔案的整理:在views下新增一個main的...
router.js import Vue from "vue"; import Router from "vue-router&q...
聊天室元件 index.vue <div class="chat"> <div class="room...
Lorem Picsum:假圖產生器 切板時有時會遇到設計師還沒有提供上稿圖片的狀況,這時候假圖/隨機圖產生器就很重要了。 Lorem Picsum:假圖產生...
index.vue <script> export default{ name:"p-message", props...
製作完基本的一對一聊天元件之後,終於著就要進入重頭戲-Line@ LINE Developer頁面https://developers.line.biz/zh...
接下來為我們的Line官方帳號寫一個WebHook。Line的WebHook的概念就是:在LINE的後台設定一個Api網址用來訂閱在Line官方帳號上面發生的事...