iT邦幫忙

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

技術 Nuxt.js - GTM & GA & FB Pixel 安裝

行銷常常會需要追蹤網頁的流量,這時候就會用到這些工具了,這次就是教學一下怎麼埋入程式碼 目前都有現成套件可使用,用法也非常簡單~~ FB Pixel 安裝套件...

技術 勇者鬥 Vue 龍 - Vue.js 教程:模板定義

本文同步發佈於:勇者鬥 Vue 龍 本文為 2019 鐵人賽 續篇 一般在定義模板的時候,會直接在 template 屬性上設定,像是下面這樣: &lt...

技術 勇者鬥 Vue 龍 - Vue.js 教程:事件監聽器

本文同步發佈於:勇者鬥 Vue 龍 本文為 2019 鐵人賽 續篇 目前為止介紹了下面幾種事件監聽的時機: 元素上使用 v-on 監聽原生事件 父組件...

技術 Vue Cli 3 + vue-cli-plugin-cordova 安裝環境

第一次使用 Cordova + Vue 開發 APP,順便將安裝開發環境的步驟紀錄下來。 安裝 Vue Cli Cordova JDK (Andro...

技術 Element UI-[Select] 全選

遇到問題 在使用 Element UI 的 Select 想要在多選的時候有全選的功能 解決方法 這裡我在我自己的 communitys 加入一個全選...

技術 Vue.js [watch]: 物件屬性如何用 watch

遇到問題 在使用 Vue 的 watch 的時候,一般都是用這樣的 watch:{ text:{ handler(newValue){...

技術 Element UI-[Select] :Value

遇到問題 在使用 Select 的時候遇到了一個問題是如果我的 Value 想要讓它是 Object 該怎麼做呢?下面的程式碼看起來是可以運作也把 :valu...

技術 Element UI-[Select] 預設值設定

遇到問題 在做生日的年月日時,因為我們接觸的客群年齡層大概是民國 40~60 年的人,所以希望可以把“年”這個的預設值調整成西元 1971 年、民國 60 年...

技術 Element UI-[Table] 篩選資料

遇到問題 想要透過 Input 來篩選 Table 裡面的資料 解決方法 Element UI 很方便直接使用 Vue 的 Scoped slot...

技術 Element UI-[Table] 欄位文字太長解決方式

遇到問題 上班時會遇到一些小問題,也透過這樣一點一滴的把自己學的分享給大家,如果有誤歡迎大家指正 Table 欄位裡面文字過長問題 解決方法一 一...

技術 NUXT.js 筆記 - 路由 (Routing)

在這邊將介紹不同型態的Routing 常用的有這幾種:Basic、Dynamic、Nested 因為Nuxt封裝了路由的生成,所以你不需要額外編寫路由(vue-...

徵才 [新北中和] 徵 Vue.js 前端工程師 Frontend Engineer *2

工作內容: 1.將現有前端程式以 Vue.js 改寫 2.維護產品前端介面,效能優化 3.團隊溝通協調(與設計師及後端工程師等) 需求條件: 1.熟VueJS...

技術 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...