技術 文組也能看得懂的網頁前端Vue  （三）變數篇

在開始正式寫網頁之前，先來講解一下“變數”這東西。 大家應該知道程式跟數學有極大的相關，所以其實程式上的”變數“可以想像成數學上的變數一樣，也就是大概在國中數學...

技術 文組也能看得懂的網頁前端Vue （二）建立基本頁面

這一篇主要敘述如何建立一個看起來厲害的vue專案 下面這個網址是VUE的官方網站 https://cn.vuejs.org/v2/guide/ 雖然是中文網頁，...

技術 文組也能看得懂的網頁前端Vue  （一）工具篇

這是一篇關於Vue從頭開始寫的學習筆記，不太注重原理，也盡量不會提到一些技術名詞，注重如何可以簡單寫出一個可以動的Vue網頁，適合對前端完全陌生的但是想快速學會...

技術 CORS / XMLHttpRequest 解決方法

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

技術 VueCLI3 axios 全域配置

大綱 安裝 vue-axios 全域使用 結合 Vuex action 使用 安裝 npm i --save axios npm i vue-axi...

技術 Vue 生命週期 筆記

Vue 生命週期 beforeCreate $el, $data, DOM 都未載入 此時會建立 Props，因此 Props 的 default &...

達標好文 技術 Nuxt.js - GTM & GA & FB Pixel 安裝

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

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

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

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

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

技術 Vue cli 使用

vue create 專案名稱 新增專案 Props(父 => 子)父畫面 <ProductCard :product=&quo...

技術 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 欄位裡面文字過長問題 解決方法一 一...

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

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

技術 Vue 使用 errorHandler, warnHandler 即時攔截網頁錯誤

在前端其中一個頭痛的問題就是網頁 Bug，我會想知道使用者在前端操作上遇到了什麼問題，因此在 Vue 中，你可以透過 errorHandler 攔截網頁錯誤，你...

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

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

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

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

Peter Chen ‧ 2019-01-06 ‧團隊一閃一閃小星星

技術 vuex (2)

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

JB ‧ 2018-11-21

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

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

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

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

技術 vuex (1)

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

JB ‧ 2018-11-19

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

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

Peter Chen ‧ 2018-12-23 ‧團隊一閃一閃小星星

技術 vue-toastr

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

JB ‧ 2018-11-14

技術 vuex(namespaced)

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

Andy Tsai ‧ 2018-11-14 ‧團隊好想工作室第二屆鐵人賽

技術 30. 總結，路還長著

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

Ralph ‧ 2018-11-14 ‧團隊InfoSec Horadrim

技術 主廚的話 - 餐後心得與其他資訊

Alex ‧ 2018-11-14 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

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

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

Peter Chen ‧ 2018-11-14 ‧團隊一閃一閃小星星