tags: Vuejs TL;DR ✐ 要了解 Vue 的簡短歷史，筆者推薦可以自這部由 Honeypot 在 2020.02.24 發布的 Vue.js: T...
繼上上週Vue Router基本篇之後這週要來提到一些我個人在實務上常用到的功能 #動態Router 首先先談談動態Router我們常常會需要在導頁時 傳入一...
因為上個月直接專注在 [iT邦鐵人賽]直接好幾個禮拜都沒有刷 [鼠年全馬] 進度xD 這週回歸來做我們美美的旅館預約平台 #複習 來複習一下目前的進度 V...
超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-Router(1) 大家好!今天我要介紹的是Vue官方所推出的路由工具:Vue-Router官網介...
在鐵人賽即將過半之際，終於要來串接 API 顯示真實的書單資料了！不過在此之前，我們應該先來了解一下 Vue.js 的生命週期。 生命週期（Lifecycle）...
目前設定的 Navbar 路由架構還算單純，並且只有單層路徑，但是當專案規模愈來愈大、功能類別拆分的愈趨詳細時，整體網站就相對需要更具層級性的規劃，此時路由架構...
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-10-03
組件的部份因為有比較複雜，所以會做個小練習來熟悉一點 - 分頁的組件 分頁組件(props & $emit 運用) 快速利用簡單的分頁組件範例來寫個小練...
上次做了簡易的購物清單這次來挑戰這個購物網站，還有很多還沒做好，但是想維持記錄學習 這次模仿的網站網址Andenhud HTML的架構 <div id=&...
tags: Vuejs 前言 ✐ 上一篇中說明了透過 Prop，我們可以將父組件的值傳遞給子組件，這一篇中，我們會來看 Prop 的使用細節。 命名規則 ✐ 在...
Day 2 Rails 與 Vue 的架構介紹 現在大型商業購物網站、以及社群網站的規模開始增加，需要加入更多的商業邏輯和功能，為了讓網站工程師專業分工更容易，...
完賽感言 不知不覺才沒有不知不覺，每天都在想著放棄，但最後還是撐到完賽，回想這三十天鐵人賽的掙扎旅程，還真的是有好有壞，好處就是有了個壓力強迫自己去探索沒接觸過...
上週提到怎麼用Vue Cli小秘書建立專案其中有安裝一個東西叫做Vue Router 今天特別為它寫一篇簡單的介紹及基本的用法一樣由淺入深 將來有機會研究到很深...
在這個單元我們使用官網的教學搭配Angular的框架，STEP BY STEP的撰寫Component及Stories。(如果是使用Vue的讀者，可以跳過這個單...
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-09-21
版本：nuxt 2.15.8 全名為 Nuxt configuration file，功能同 Vue 專案內 vue.config.js 檔，如果我們使用...
Vuex 是 Vue 提供的一種資料狀態管理的模式，它可以統一控管資料的狀態，都是在小型的 SPA 網站，元件資料的傳遞可以透過 props ，但如果是大型的...
Vue：昨日講述了基本的Route設定後，今天我們再來看看巢狀路由吧！ 對於頁面上的切換，是很容易透過Route做到的。但有沒有可能，會需要將頁面某一部分，作為...
https://codepen.io/hereiscasio/pen/QZrBpP Used UI Component ( #2 ) #1 Text fiel...
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-09-24
這個題目是從六角的F2E精神時光屋裡面的[第六關 - 旅館預約服務]來的裡面有各種大神前輩們做的UI及實作出來的頁面 就算颱風來也要coding 後面幾週就...
選單位置記憶 拆完頁面後，我們來解決選單項目位置的問題，原先的做法是每個頁面去手動變更class，讓當前的頁面選單會有高亮反白的顯示，這個動作如果每個頁面都要做...
超緊繃!30天Vue.js學習日記 生命週期的變化是如此美妙啊! 大家好,我IAN啦!今天要來介紹的是在官方文件中所提到的生命週期,官方文件給了以下圖示並且補...
tags: Vuejs 作用域插槽 <slot> 內容在父模板編譯，基於 Vue 的定義，在父模板中編譯的內容訪問 parent scope，在子模...
https://codepen.io/hereiscasio/pen/RwbXVaR Used UI Component ( #3 ) #1 Progress...
超緊繃!30天Vue.js學習日記 我還要更多！組件的相關補充 大家好,今天我們一樣會繼續介紹Vue.js中的組件,首先送上我在書上看到的語法糖作為補充: &...
已經來到第22天了！剩下一週的時間我的專案就要部署（顯示為加緊趕工）～ 昨天的鐵人賽把column拖拉完成， 今天的需求：拖拉ticket，而且可以移動到不同的...
tags: Vuejs 樣式渲染 畫面的呈現有時會因應資料的不同，產生不同的視覺樣式，而通常我們會使用 v-bind 指令動態渲染 HTML attribute...
Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 const routes: Array&l...
我第一個使用的 MVVP 框架是 Angular還記得第一次使用 ng-model 的時候，真的是令人驚艷!!後來忘記是什麼契機，看到了 Vuejs，試用過後覺...
RURU Tseng
EN
Teen
gior__ann
貓貓工程師 Ting Ting
chacoteeth
lala_lee_jobs
EdwardXiong
Casio
mackliu
哲嘉 (Zhe-Jia)
Cian
iThome鐵人賽
看影片追技術