iT邦幫忙

vue.js相關文章
共有 381 則文章

技術 NUXT.js 筆記 - nuxt.config.js

這一章會大概介紹一下nuxt.config.js的一些設定與用法,並不一定完全詳細,主要會著重在自己有實際應用到的內容,那就開始吧。 mode 這裡會有兩個參數...

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

技術 Vue.js Core 30天屠龍記(第32天): 依賴注入

前面介紹到可以使用 $parent 來訪問父組件的實體,這樣的方式限制了存取的實體一定要與被引用的組件是直接的關係,這樣的存取方式會使組件間變得有強大的耦合,限...

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

技術 Vue.js Core 30天屠龍記(第31天): 尋訪其他組件

Vue.js 的正規開發方式建議使用屬性及事件對其他組件做處理,但還是會有一些情境中會需要直接使用其他組件的各種功能, Vue.js 也提供了這些尋訪的方式。...

鐵人賽 Modern Web
Vue.js套件介紹及範例 系列 第 33

技術 vuex (2)

vuex (2) Vue.js官方的狀態管理套件,本篇說明進階的Mutations用法及透過Dispatch Actions來引發Mutations Git...

技術 NUXT.js 筆記 - 專案結構

好啦,開啟專案的第一步安裝,按照官方的做法,使用create-nuxt-app來建置新的nuxt專案, 安裝好之後結構因該會是長這樣 assets: 用於w...

鐵人賽 Modern Web
Vue.js套件介紹及範例 系列 第 32

技術 vuex (1)

vuex (1) Vue.js官方的狀態管理套件,本篇利用簡單範例來介紹入門用法 Github vuejs/vuex 安裝 $ npm install vu...

鐵人賽 Modern Web
Vue.js套件介紹及範例 系列 第 31

技術 vue-toastr

vue-toastr 參考toastr.js 的Vue.js提示/通知框(Toast notification) Github s4l1h/vue-toas...

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

技術 vuex(namespaced)

菜菜菜的 Vue 30天 - Day30 今天要介紹的是 modules 內的 namespaced。 前一章有提到我要去取得其他 module 的 state...

鐵人賽 Modern Web DAY 30

技術 30. 總結,路還長著

第 30 天,聊一下開始玩 Nuxt 的緣由 (本來想寫整合 API 服務,發現內容前面沒提觀念太多,有點跳) 一開始嘗試處理 SEO 混著後端框架寫 Vue...

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

技術 Vue.js Core 30天屠龍記(第30天): 結尾

本文是鐵人賽的第三十篇文章,在這三十天中,我把 Vue.js 又從頭在看了一遍,原以為已經熟悉的框架,沒想到在寫文章的時候還是遇到了很多不清楚或是觀念模糊的地方...

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

技術 Vuex(modules)

菜菜菜的 Vue 30天 - Day29 前面幾章介紹了 Vuex 的 state, getters, mutations 以及 actions 的用法。 mo...

鐵人賽 Modern Web DAY 29

技術 29. Nuxt Universal App 部署至 Heroku

前一篇介紹靜態頁部署,若換成 Universal Mode 呢? 「需要個 Node Server,不時讓人戳」 當工程師懶得管機器 (或你分身乏術),想把環境...

鐵人賽 Modern Web DAY 30
Vue.js套件介紹及範例 系列 第 30

技術 vue-loading-overlay

vue-loading-overlay 載入中(Loading)遮罩套件,可以全螢幕或在指定的Element中顯示 Github ankurk91/vue-...

技術 Vue 圖片剪裁元件設計思考

前言 當初接觸到rxjs 這套以流的方式處理事件及資料的庫時,覺得非常新奇,便嘗試自己從頭寫了一個rxjs + vuerx + vue 支援觸控端、響應式的圖片...

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

技術 Vue.js Core 30天屠龍記(第29天): 非同步組件

在大型專案中,我們會需要在入大量的組件,這時候就可以使用非同步組件在需要時在載入需要的組件。 定義非同步組件 原本的 Vue.component 第二個參數是放...

鐵人賽 Modern Web DAY 29
Vue.js套件介紹及範例 系列 第 29

技術 VueFire (2)

VueFire (2) Google Firebase的Vue.js官方套件,本篇透過VueFire實作Realtime Database的CRUD功能 G...

鐵人賽 Modern Web DAY 29

技術 [Day 29] Vue Quasar 多國語系 I18n

今天來談談多國語系I18n,能夠讓你輕鬆將網站的內容替換成其他語言。 那為什麼叫做I18n這個奇怪的名字? 其實就是Internationalization的,...

鐵人賽 Modern Web DAY 28

技術 28. Nuxt 靜態頁部署

這篇介紹靜態頁面部署方式 讀者可用電商登入頁案例試試 Nuxt 命令介紹過運行模式差異,透過命令 $ yarn generate /* npm run gen...

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

技術 Vuex(actions)

菜菜菜的 Vue 30天 - Day28 actions 今天要介紹的是 actions,actions 其實跟前一章所介紹的 mutations 很類似,下面...

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

技術 Vue.js Core 30天屠龍記(第28天): 動態組件

前面在講組件基礎時有提到在 <component> 中加上 is 的屬性,綁定一個變數,這個 <component> 元素就會依照這個變...

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

技術 Vuex(mutations)

菜菜菜的 Vue 30天 - Day27 好咧~前一章介紹了 state 以及 getters 了。 今天這章來介紹 mutations 及 actions m...

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

技術 Vue.js Core 30天屠龍記(第27天): 插槽

Vue.js 實作了 Web Component 的 Slots , Slots 可以將父組件所設定的內容分配至子組件中。 插槽內容 在子組件中設定 <s...

鐵人賽 Modern Web DAY 28
Vue.js套件介紹及範例 系列 第 28

技術 vue-fontawesome

vue-fontawesome Font Awesome 5的官方Vue.js Component Github FortAwesome/vue-fonta...

鐵人賽 Modern Web DAY 27

技術 27. @nuxtjs/axios 如何透過 module 包裝 axios

Nuxt Axios 模組 - @nuxtjs/axios ,是官方推薦使用的 HTTP Client Module 主要功能及組成有 axios 提供 H...

鐵人賽 Modern Web DAY 27
Vue.js套件介紹及範例 系列 第 27

技術 VueFire (1)

VueFire (1) Google Firebase的Vue.js官方套件,本篇介紹登入(出)及使用VueFire的Realtime Database Bi...

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

技術 Vuex(安裝、引入、state 及 getters)

菜菜菜的 Vue 30天 - Day26 好的今天要介紹一下 Vuex 該怎麼安裝並引入 install 首先要使用 Vuex 當然要先安裝啦~ npm ins...