iT邦幫忙

vue.js相關文章
共有 1664 則文章
鐵人賽 Modern Web DAY 24
Vue.js套件介紹及範例 系列 第 24

技術 vue-tables-2 (5)

vue-tables-2 (5) 表格套件,本篇主要介紹如何使用及客製Filters Github matfish2/vue-tables-2 以下是Opt...

鐵人賽 Modern Web

技術 [ Vue-cli ] Router

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 Modern Web

技術 [專案上線第01天] - 新來的主管說要寫 Vue Test Utils 單元測試

前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章,在這邊整理了許多我自己使用Vue重構很多網站的經驗...

鐵人賽 Modern Web DAY 22
菜菜菜的 Vue 30天 系列 第 22

技術 vue-cli(專案架構)

菜菜菜的 Vue 30天 - Day22 上一篇大致上介紹了如何使用 vue-cli 建立 Vue 專案,這篇就來介紹一下建立起來的專案裡面的架構為何。 架構...

鐵人賽 自我挑戰組 DAY 12

技術 (第十二天)自我學習 - Vue checkbox 複選

複選資料的取得 我們來學一下當資料被複選時,可以如何取得這次會使用的屬性有 v-model //在 data 裡面加入一個 datas 的 list da...

鐵人賽 Modern Web DAY 25
Vue.js 30天隨身包 系列 第 25

技術 Day25 - [Vue + Laravel] 熟悉Laravel專案目錄架構

上一篇我們已經將Laravel專案建立出來了,因為我習慣在建立一個framework專案後,會先認識一下其專案的架構,以便之後開發上較能了解哪個目錄是放入什麼檔...

鐵人賽 Modern Web DAY 11

技術 【D11 - 用Vue實作網頁】這世界都是Components組成的!?

今天會開始一個專案~ 但在開啟之前希望各位都有讀過之前的文章,至少了解一下這個專案的架構還有環境的建置! 前言 這邊先列舉幾個比較重要的東西要先下載~ n...

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

技術 Vue.js Core 30天屠龍記(第26天): 客製事件

前面用三章的篇幅介紹 Props ,接著本文要來介紹組件的另一個重要的部分: 事件,在 Vue.js 中使用 v-on 可以設定某事件觸發後要做的事情,而組件上...

鐵人賽 Modern Web DAY 20

技術 20. Nuxt `<nuxt-link>` 有什麼特別

根據 文件 所寫 就目前而言 &lt;nuxt-link&gt; 和 &lt;router-link&gt; 一樣 點擊功能太常用,身為工程師還是看個仔細實...

鐵人賽 Modern Web DAY 8

技術 【D8 - Vue架構】 沒有架構怎麼鬥得過Vue!?

前言 昨天開了一個Vue的專案~ 不知道各位看過一下file 了沒有 這些檔案是啥啊!!?? 先來說說每一個file大概的意思~ node_modules n...

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

技術 Vue.js Core 30天屠龍記(第5天): 模板語法 Part 1 - Mustache 標籤

模板語法是 Vue.js 中常用的技術,除非你的應用程式不用渲染畫面或是直接使用 Render Function ,否則這是每個 Vue 開發者必學的技術之一。...

跟 VueJS 認識的30天 系列 第 14

技術 [DAY14]跟 Vue.js 認識的30天 - Vue 模組插槽(`slot`)

最近在 youtube 找到一個學習 webpack 很好用的教學影片,所以正努力的學習 webpack 中,一個不小心就太沉迷在新技術的練習了,導致有點忽略...

鐵人賽 Modern Web DAY 20
Vue.js 30天隨身包 系列 第 20

技術 Day20 - [Components] 狀態管理 - Vuex

前面分別介紹完Vue的directives、options跟components後,從這天開始,我們開始要將我們備好的材料開始煮出一道道好菜了。 前面我們有提到...

技術 CORS / XMLHttpRequest 解決方法

Situation:當前端想要從網路上拿資料,但是發生如下圖這種狀況時。 Target:看完此篇,應可以讓你了解,如何解決跨網域的問題。 Apply:往後應用...

鐵人賽 Modern Web DAY 26

技術 Highcharts 26

請前往 https://maxlee.me/posts/highchart/highcharts-26 取得最新文章內容

鐵人賽 Modern Web DAY 12
菜菜菜的 Vue 30天 系列 第 12

技術 條件渲染(v-if、v-else、v-else-if 及 v-show)

菜菜菜的 Vue 30天 - Day12 這章要介紹的是條件式渲染,說到條件式理所當然想到的就是 if else。 我想對 JS 有一定了解的各位應該很清楚 i...

鐵人賽 Modern Web DAY 23

技術 23. Nuxt 細說`<nuxt-child>` 和 `<nuxt>`

這篇打算為 Nuxt 內建元件收尾,介紹最後兩種 &lt;nuxt-child&gt; &lt;nuxt&gt; 回顧上一章,巢狀路由讓 slug...

鐵人賽 Modern Web DAY 30
React - DOM界的彼方 系列 第 30

技術 Day 30: 回顧2016年,台灣前端開發社群分析與未來期許

&quot;The more you know, the more you know you don’t know.&quot; - Aristotle &q...

鐵人賽 Modern Web DAY 24

技術 [ D3.js ] 資料圖形繪製與重繪 enter(), exit() & update()

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 Modern Web DAY 26

技術 26. Nuxt Module,Nuxt 的擴充元件

Nuxt 不像 Angular 這種大型框架,功能包山包海,核心功能不夠得自行擴充。雖然提過如何透過全域/頁面設定客製、用 Plugin 收納初始化片段,但對於...

技術 從頭開始用 Laravel 來做CRUD -10- 架設 - npm - package 套件安裝

目前環境 Laravel:5.7 資料庫:MariaDB 說明 所謂的CRUD是指 新增(Create)、讀取(Read)、更新(Update)、刪除(...

鐵人賽 Modern Web DAY 18

技術 [重構倒數第13天] - Vue3定義自己的模板語法

前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章,在這邊整理了許多我自己使用Vue重構很多網站的經驗...

鐵人賽 Modern Web DAY 10
Vue.js 30天隨身包 系列 第 10

技術 Day10 - [Directives] 事件處理(Event Handling)

我們看到的網頁,了解使用者對UI元件的操作,不會只有是在表單元素內輸入或選擇內容,還有點擊按鈕或送出表單等等DOM事件,而事件的觸發會造成資料的異動,為了得知資...

鐵人賽 自我挑戰組 DAY 4
跟 VueJS 認識的30天 系列 第 8

技術 [DAY08]跟 Vue.js 認識的3天 - Vue 的事件監聽

在 JS 中有監聽器 addeventListener ,而 Vue 也有自己一套 DOM 元素監聽器的指令 v-on , Vue 也配置了幾個修飾符來替代像是...

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

技術 Vue.js Core 30天屠龍記(第13天): 列表渲染

在 vue 中,要在頁面上綁定資料時會使用不同的 Directives 或是模板語法做操作,但這些綁定方式都是針對單純的資料格式,當資料是一個複雜的結構像是陣列...

鐵人賽 Modern Web DAY 4

技術 [ Vue.js ] 指令 Directives

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 Modern Web DAY 2
Vue.js 30天隨身包 系列 第 2

技術 Day02 - Web元件化系統

Web元件化系統是Vue.js一個很重要的概念,我們使用官網提供的一張圖來做詳細解釋 上方右圖是一個樹狀結構,Vue.js嚮往的就是先建立好根實體(Vue I...

鐵人賽 Vue.js DAY 3

技術 V03_直接在網頁上使用Vue

V03_直接在網頁上使用Vue 今天要來探索直接在網頁上使用Vue的方法首先同樣參考Vue官網上 Quick Start 上的說明https://vuejs.o...

鐵人賽 Modern Web DAY 21
用範例理解 Vue.js 系列 第 21

技術 用範例理解 Vue.js #21:Vuex in Vuetify

圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 23

技術 [Day23]Vue3 E2E Testing: Cypress 基本介紹

What's Cypress Cypress 是 Vue.js 官方推薦的一個 E2E Testing Library,也是這次 E2E Testing 主題所...