今天換講講Vue好了寫了19天的後端跟理論,換點口味吧!今天要來研究的是 Axios在最早一開始的時候,Vue官方推薦的ajax套件並不是,一直到了去年年底的時...
我們在完成了API開發以後,以及前端的串接後,接下來會開始著手進行畫面的繪製,大家也都知道畫面的呈現與HTML和CSS脫離不了關係,當然我們在網路上可以找許多的...
部落格同步刊登 [IT 鐵人賽] Component 基本入門 Day 2 現今算是 Web Component 當道,如果撇除 HTML5 原生的元件,那麼其...
基本原理 Vue.js 是處理 View Layer 的 Library ,使用 Vue.js 時,我們會操作 View Model (也就是 Vue.js 的...
部落格同步刊登 [IT 鐵人賽] Router 基本入門 Day 9 聊完狀態管理之後,我們來聊一下前端的路由。最近各大家前端工具都有支援前端路由的功能。而...
本文同步發表於Andy's Blog 前言 今天終於要進入Vue Component單元勒(撒花),而在接下來幾天我們會來慢慢介紹元件的相關內容,那我們就開...
部落格同步刊登 [IT 鐵人賽] Router 進階應用 Day 10 聊完了基礎的路由功能後,我們接著來看看關於路由的進階應用方式。你放心,前陣子一直提到...
部落格同步刊登 [IT 鐵人賽] VueJS 快速入門 Day 1 VueJS 算是最近比較熱門的項目之一,官方文件也相對齊全。我們這裡要看的目前還是以 V...
前言 Vue 在官方文件 - Reactivity Fundamentals 中,正式進入 reactive() 和 ref() 之前,先提到了 nextTic...
部落格同步刊登 [IT 鐵人賽] Vue 從前端到後端 Day 0 上次參加好像是 2014 年,然後我寫到第二篇就超過時間,索性直接放棄(欸)。不過,由於...
部落格同步刊登 [IT 鐵人賽] Component 魔術方法 Day 4 我們講完元件的應用之後,本次篇章我們會來說明一下,關於 import 與 req...
Vue:我們透過組件,來模塊化我們的功能。我知道你很好奇,到底如何從根模塊,傳值給組件,使組件可以渲染資料於table中,對吧?如果,仔細觀察昨天的程式碼,你會...
tags: Vuejs computed 與 method 的混淆 在模板中要對資料計算或是轉換時,computed 與 method 往往能替我們做到同樣的事...
部落格同步刊登 [IT 鐵人賽] Router 與生命週期 Day 11 我在先前的篇幅當中,有提到生命週期與路由的關係。我們這一個篇章,就將路由與生命週期...
前言 一開始認識 reactive() 跟 ref() 真的超困惑,不理解兩者背後的差別,只能硬記個別的使用方式和限制,一直到了解他們背的原理,才有「啊哈~」的...
相信看到JQuery你大概也會笑了,沒錯上一篇講了Axios,這一篇是要來用JQuery的ajax方法才實作,篇幅應該會小一點,畢竟這老大哥的地位已經很久了。其...
Computed Property ✐ 在 computed 中設置的 property 稱為 Computed Property 計算屬性,Computed...
部落格同步刊登 [IT 鐵人賽] Vuex 基本入門 Day 8 在我們要聊元件溝通之前,我們先來聊一下關於 Vuex 這個套件。他是官方推出的狀態管理的工...
部落格同步刊登 [IT 鐵人賽] SEO 的問題 Day 17 現在的 JavaScript 框架面對搜尋引擎,普遍的問題大概都會圍繞著 SEO 打轉,這是...
第12 屆iT邦幫忙鐵人賽系列文章 (Day17) LIFF 全名是 LINE Front-end Framework,一個可以在 LINE app 內運作網頁...
前言 在處理響應式多選表單時,使用 v-model 綁定陣列類型的資料,用 ref() 沒問題,但用 reactive() 卻行不通QQ~為什麼~~~ 就是下面...
如果你有 Localhost 開發環境需要以 HTTPS 瀏覽時,可以參考以下方法: 方法一:vue.config.js module.exports = {...
部落格同步刊登 [IT 鐵人賽] Component 進階應用 Day 3 上一個篇章提到了基本的元件使用,雖然說是比較基礎的部分,但前前後後也寫了超過四千...
前言 上一篇我們介紹了Vue指令:V-bind、V-on,那今天我們要學習另外一個Vue指令:V-bind本文同步發表於Andy's Blog V-bind...
第12 屆iT邦幫忙鐵人賽系列文章 (Day18) 在上一篇我們成功將 chatbot 透過 Liff App 後,跟所開發網站有一些連結後,本篇我們將要來實作...
我在 Localhost 開發的時候會出現錯誤訊息 GET http://192.168.43.55:8081/sockjs-node/info?t=16281...
部落格同步刊登 [IT 鐵人賽] new Vue v.s new Vue Day 7 大家一定會覺得這個標題很奇怪,不就都是 new Vue 嗎?是有什麼差...
tags: Vuejs 如何開始使用 Vue ✐ Vue 一共提供三種不同的方式可供我們使用,依照使用情境的不同可以選擇不同的方式。 方法 適合場景...
部落格同步刊登 [IT 鐵人賽] 薛丁格的生命週期 Day 12 是的,這個篇幅會用來聊一下生命週期當中,比較奇怪的事情。薛丁格 我就不解釋了,程式執行其實...
tags: Vuejs Vue template ✐ 還記得前一章節 option 裡的 template 嗎?Vue 提供開發者透過 template 聲明式...