iT邦幫忙

vuejs相關文章
共有 103 則文章
鐵人賽 Modern Web DAY 19

技術 Day19 純、手工系列 JS(Vue Axios篇)

今天換講講Vue好了寫了19天的後端跟理論,換點口味吧!今天要來研究的是 Axios在最早一開始的時候,Vue官方推薦的ajax套件並不是,一直到了去年年底的時...

鐵人賽 Modern Web DAY 28

技術 Day28 替網站穿上黑絲襪 使用Vuetify

我們在完成了API開發以後,以及前端的串接後,接下來會開始著手進行畫面的繪製,大家也都知道畫面的呈現與HTML和CSS脫離不了關係,當然我們在網路上可以找許多的...

鐵人賽 Modern Web DAY 3
VueJS 從前端到後端 系列 第 3

技術 Component 基本入門 Day 2

部落格同步刊登 [IT 鐵人賽] Component 基本入門 Day 2 現今算是 Web Component 當道,如果撇除 HTML5 原生的元件,那麼其...

鐵人賽 Modern Web DAY 2
勇者鬥Vue龍 系列 第 2

達標好文 技術 Vue.js Core 30天屠龍記(第2天): 初探 Vue.js

基本原理 Vue.js 是處理 View Layer 的 Library ,使用 Vue.js 時,我們會操作 View Model (也就是 Vue.js 的...

鐵人賽 Modern Web DAY 10
VueJS 從前端到後端 系列 第 10

技術 Router 基本入門 Day 9

部落格同步刊登 [IT 鐵人賽] Router 基本入門 Day 9 聊完狀態管理之後,我們來聊一下前端的路由。最近各大家前端工具都有支援前端路由的功能。而...

鐵人賽 自我挑戰組 DAY 15
前端新手筆記-Vue.js 系列 第 15

技術 Day 15 Vue Component(元件) 介紹、建立方式、特性

本文同步發表於Andy's Blog 前言 今天終於要進入Vue Component單元勒(撒花),而在接下來幾天我們會來慢慢介紹元件的相關內容,那我們就開...

鐵人賽 Modern Web DAY 11
VueJS 從前端到後端 系列 第 11

技術 Router 進階應用 Day 10

部落格同步刊登 [IT 鐵人賽] Router 進階應用 Day 10 聊完了基礎的路由功能後,我們接著來看看關於路由的進階應用方式。你放心,前陣子一直提到...

鐵人賽 Modern Web DAY 2
VueJS 從前端到後端 系列 第 2

技術 VueJS 快速入門 Day 1

部落格同步刊登 [IT 鐵人賽] VueJS 快速入門 Day 1 VueJS 算是最近比較熱門的項目之一,官方文件也相對齊全。我們這裡要看的目前還是以 V...

鐵人賽 Modern Web DAY 12

技術 真的好想離開 Vue 3 新手村 - Day 12: 認識 nextTick 與 DOM 響應更新時機 feat. template ref

前言 Vue 在官方文件 - Reactivity Fundamentals 中,正式進入 reactive() 和 ref() 之前,先提到了 nextTic...

鐵人賽 Modern Web DAY 1
VueJS 從前端到後端 系列 第 1

技術 Vue 從前端到後端 Day 0

部落格同步刊登 [IT 鐵人賽] Vue 從前端到後端 Day 0 上次參加好像是 2014 年,然後我寫到第二篇就超過時間,索性直接放棄(欸)。不過,由於...

鐵人賽 Modern Web DAY 5
VueJS 從前端到後端 系列 第 5

技術 Component 魔術方法 Day 4

部落格同步刊登 [IT 鐵人賽] Component 魔術方法 Day 4 我們講完元件的應用之後,本次篇章我們會來說明一下,關於 import 與 req...

鐵人賽 自我挑戰組 DAY 16
與Vue相遇 系列 第 16

技術 Day016-Component組件-傳值(props和$emit)

Vue:我們透過組件,來模塊化我們的功能。我知道你很好奇,到底如何從根模塊,傳值給組件,使組件可以渲染資料於table中,對吧?如果,仔細觀察昨天的程式碼,你會...

鐵人賽 自我挑戰組 DAY 8
每天來點 Vue.js 吧 系列 第 8

技術 Vue computed 與 method 的差異比較

tags: Vuejs computed 與 method 的混淆 在模板中要對資料計算或是轉換時,computed 與 method 往往能替我們做到同樣的事...

鐵人賽 Modern Web DAY 12
VueJS 從前端到後端 系列 第 12

技術 Router 與生命週期 Day 11

部落格同步刊登 [IT 鐵人賽] Router 與生命週期 Day 11 我在先前的篇幅當中,有提到生命週期與路由的關係。我們這一個篇章,就將路由與生命週期...

鐵人賽 Modern Web DAY 10

技術 真的好想離開 Vue 3 新手村 - Day 10: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (上)

前言 一開始認識 reactive() 跟 ref() 真的超困惑,不理解兩者背後的差別,只能硬記個別的使用方式和限制,一直到了解他們背的原理,才有「啊哈~」的...

鐵人賽 Modern Web DAY 20

技術 Day20 純、手工系列 JS(Vue JQuery篇)

相信看到JQuery你大概也會笑了,沒錯上一篇講了Axios,這一篇是要來用JQuery的ajax方法才實作,篇幅應該會小一點,畢竟這老大哥的地位已經很久了。其...

鐵人賽 自我挑戰組 DAY 7
每天來點 Vue.js 吧 系列 第 7

技術 Vue computed property `getter` 與 `setter` 的那些事

Computed Property ✐ 在 computed 中設置的 property 稱為 Computed Property 計算屬性,Computed...

鐵人賽 Modern Web DAY 9
VueJS 從前端到後端 系列 第 9

技術 Vuex 基本入門 Day 8

部落格同步刊登 [IT 鐵人賽] Vuex 基本入門 Day 8 在我們要聊元件溝通之前,我們先來聊一下關於 Vuex 這個套件。他是官方推出的狀態管理的工...

鐵人賽 Modern Web DAY 18
VueJS 從前端到後端 系列 第 18

技術 SEO 的問題 Day 17

部落格同步刊登 [IT 鐵人賽] SEO 的問題 Day 17 現在的 JavaScript 框架面對搜尋引擎,普遍的問題大概都會圍繞著 SEO 打轉,這是...

鐵人賽 Modern Web DAY 17

技術 Line Liff App v2 - 用 Vue.js 來實作

第12 屆iT邦幫忙鐵人賽系列文章 (Day17) LIFF 全名是 LINE Front-end Framework,一個可以在 LINE app 內運作網頁...

鐵人賽 Modern Web DAY 19

技術 Day 19: 你可能不知道的 v-model - 為何多選綁定陣列不能用 reactive()?

前言 在處理響應式多選表單時,使用 v-model 綁定陣列類型的資料,用 ref() 沒問題,但用 reactive() 卻行不通QQ~為什麼~~~ 就是下面...

技術 Vue 如何在 LocalHost 開發環境時使用 HTTPS

如果你有 Localhost 開發環境需要以 HTTPS 瀏覽時,可以參考以下方法: 方法一:vue.config.js module.exports = {...

鐵人賽 Modern Web DAY 4
VueJS 從前端到後端 系列 第 4

技術 Component 進階應用 Day 3

部落格同步刊登 [IT 鐵人賽] Component 進階應用 Day 3 上一個篇章提到了基本的元件使用,雖然說是比較基礎的部分,但前前後後也寫了超過四千...

鐵人賽 自我挑戰組 DAY 7
前端新手筆記-Vue.js 系列 第 7

技術 Day7 Vue 指令V-bind介紹

前言 上一篇我們介紹了Vue指令:V-bind、V-on,那今天我們要學習另外一個Vue指令:V-bind本文同步發表於Andy's Blog V-bind...

鐵人賽 Modern Web DAY 18

技術 Line Liff App v2 — 用 Vue.js 來做報名頁面

第12 屆iT邦幫忙鐵人賽系列文章 (Day18) 在上一篇我們成功將 chatbot 透過 Liff App 後,跟所開發網站有一些連結後,本篇我們將要來實作...

技術 Vue 在 Localhost 開發時出現 “ERR_CONNECTION_REFUSED”、”ERR_CONNECTION_TIMED_OUT” 錯誤的解決方式

我在 Localhost 開發的時候會出現錯誤訊息 GET http://192.168.43.55:8081/sockjs-node/info?t=16281...

鐵人賽 Modern Web DAY 8
VueJS 從前端到後端 系列 第 8

技術 new Vue v.s new Vue Day 7

部落格同步刊登 [IT 鐵人賽] new Vue v.s new Vue Day 7 大家一定會覺得這個標題很奇怪,不就都是 new Vue 嗎?是有什麼差...

鐵人賽 自我挑戰組 DAY 3
每天來點 Vue.js 吧 系列 第 3

技術 工欲善其事,必先利其器 ⚙︎ Vue 開發環境建置

tags: Vuejs 如何開始使用 Vue ✐ Vue 一共提供三種不同的方式可供我們使用,依照使用情境的不同可以選擇不同的方式。 方法 適合場景...

鐵人賽 Modern Web DAY 13
VueJS 從前端到後端 系列 第 13

技術 薛丁格的生命週期 Day 12

部落格同步刊登 [IT 鐵人賽] 薛丁格的生命週期 Day 12 是的,這個篇幅會用來聊一下生命週期當中,比較奇怪的事情。薛丁格 我就不解釋了,程式執行其實...

鐵人賽 自我挑戰組 DAY 6
每天來點 Vue.js 吧 系列 第 6

技術 Vue template 模板語法

tags: Vuejs Vue template ✐ 還記得前一章節 option 裡的 template 嗎?Vue 提供開發者透過 template 聲明式...