本篇以 Vue CLI 開始這一回合。 Vue CLI 提供快速建置的開發環境,使用者只需透過簡易設定選擇組隊工具,之後再輸入指令便能操作基本的運行功能;如此主...
v-model 修飾符 Vue 裡面為 v-model 提供了一些可以用的修飾符,主要是可以幫我們限制一些使用者輸入的行為以下透過範例講解每個修飾符幫我們做了甚...
年中才剛攻破 JavaScript 30 挑戰一天一題 JavaScript,過不久因緣際會接了一個專案需要使用框架開發,直接迫使我從 Vanilla.js 新...
Vue資料的使用方式 在前一篇中,我們已經會一些用來表示內容的方式了,但僅僅只是呈現~所以今天就會來點互動,主要是透過輸入框、下拉選單...等方式來接收使用者的...
模板語法 在上一篇我們已經完成了我們第一個 Vue 建出來的 Hello Vue 網頁,其中我們有學到一種渲染內容的模板語法 {{ }},那麼今天就再來學學其他...
本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...
接下來,開始看看如何著手進行 Vue 的開發吧這邊都是透過最原始、最簡單的網頁開發模式進行,所以不會介紹到 Cli 的方式~ Hello Vue ,第一個 Vu...
開心,終於正式進入 Vue 的介紹了~在了解 Vue 的寫法前,有個重要的觀念必需去了解,那就是 Vue的生命週期其實我覺得,不管是不是 vue 還是其他的前端...
本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...
終於~來到了在認識vue之前,我整理的最後一個部份了 會有在認識vue之前的這部份,主要是自己認為可以先搞懂這些特性,後面的應該會更好理解 (應該 XD~這...
在認識 Vue 之前,前一篇已經介紹了資料驅動畫面跟雙向綁定的概念了今天再介紹一個 MVVM架構~ 3.MVVM 架構 記得~當初白紙白到連這個都講得哩哩辣辣(...
[講古時間]: 回憶過去~ 痛苦的相思忘不了~哈哈,記得剛出社會時,雖然說是張白紙,不過可能太白~ 導致處處碰壁現在就來學學框架,跟著小白一起進化吧~感覺會...
安裝並部署 Livewire 的步驟沒有很多,照著做不用三分鐘就能完成囉!今天一樣是照著官方文件帶大家做一次囉~ 安裝 Livewire 官方文件 首先要先安裝...
Livewire 是 Laravel 的全端框架,能建立像 Vue 一樣的動態頁面的同時又能保有 Laravel 原有的特性。除此之外在 SEO 方面仍跟原本...
Global.vue要共用的全域參數 <script> const _token = ""; const userid = &q...
我在 Localhost 開發的時候會出現錯誤訊息 GET http://192.168.43.55:8081/sockjs-node/info?t=16281...
我在 Localhost 開發的時候會出現一個錯誤訊息困擾有許久,而且是機率性的。因為以 SPA(Single-Page Application) 開發專案項目...
如果你有 Localhost 開發環境需要以 HTTPS 瀏覽時,可以參考以下方法: 方法一:vue.config.js module.exports = {...
我在本地 Localhost 串接 Facebook Login JavaScript SDK 的時候,明明已經登入成功,但是重新整理頁面後,又會再次的取得 u...
建立 Vite 專案 在你要放置專案的地方執行這個指令來建立 vue 模板的 vite 專案 # npm 6 npm init vite [專案名稱] --te...
1.原本的input 改為 el-autocomplete並加上 :fetch-suggestions="querySearch" <...
參考文章: https://medium.com/easons-murmuring/%E5%9C%A8-vue-cli-%E4%B8%AD%E4%BD%BF%E...
這是一個在 Vue 3 被拿掉的功能,但還是來了解一下。 filter 用途及用法 filter 是讓雙花括號({{}})或 v-bind 表達式中的值通過...
這一篇說實在的,現在的我還不能寫出有用的插件,所以這一篇筆記主要也是學習使用別人寫好的插件。 使用插件 Vue.use('PluginName', { //...
在粗淺的看過這一章時,覺得 Vue 真的有好多功能啊,目前的我似乎還是沒辦法很熟用 Vue 的每項語法,只希望未來在遇到各種問題時,我能有印象可以使用哪種語法。...
混入(mixin)似乎也是個初學 Vue 比較少被用到的功能,但還是照順序的了解一下。 基礎運用 在模組中如果有重複出現的模組 option 內容,就可以透過...
這一篇就來接續寫完 Vue 過渡及動畫的內容啦!希望能順利寫完我的 Vue 筆記。 多個元素的切換轉場 以後就用 .v-* 跟 .transitionName-...
先看上圖來了解 Vue 將動畫進入跟離開這 2 種階段,而在進入跟離開階段又分別配置了 3 種狀態 — 初始狀態(進入前、離開前)、進行中狀態、結束狀態(進入...
這次寫的內容是之前都沒使用過的,所以就盡量讓自己有概念,希望之後能使用到。 使用 v-bind:is 來切換模組 切換模組的基本語法 <component...
最近在 youtube 找到一個學習 webpack 很好用的教學影片,所以正努力的學習 webpack 中,一個不小心就太沉迷在新技術的練習了,導致有點忽略...