技術 開胃餐點 - 中式資料綁定佐無毒 jQuery 畫面處理

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

技術 03. Nuxt.js 怎麼處理 SSR 問題？擔任什麼角色？

關於 Universal Rendering 前一篇提到，原本前後端的 View 各自分開隨著前端漸漸吃重，為了讓畫面邏輯不需要分散各處，有人提出新的架構 -...

Ralph ‧ 2018-10-18 ‧團隊InfoSec Horadrim

達標好文 技術 Vue.js Core 30天屠龍記(第1天): 前言

這幾年的前端早已不再是 JQuery 獨大的世界，取而代之的是群雄割據的局面，而在眾多框架中脫穎而出的是 Vue.js 、 React 以及 Angular 。...

Peter Chen ‧ 2018-10-16 ‧團隊一閃一閃小星星

技術 vue-async-computed

vue-async-computed 可支援非同步computed property的套件，支援Vue.js 2.0以上的版本 Github foxbenj...

JB ‧ 2018-10-16

技術 Day 18 : Vue extend

Vue extend 當我們有數個元件的內容很相近，只有少部分內容不一樣的時候，我們可以使用 extend 來建立重複的部分，來看下面範例： <div i...

Magisheng ‧ 2018-10-18

技術 （第三天）自我學習 - Vue 判斷與迴圈

上一篇(自我學習 - Vue 與 index.html) 條件判斷與迴圈 今天要學的是條件判斷 v-if 跟迴圈 v-for 的使用 v-if 使用 在想...

LucyLiou ‧ 2018-10-16

技術 前言

菜菜菜的 Vue 30天 - Day1 前言 Hello 大家好我是 Andy Tsai。 繼去年第一次參加鐵人賽後過了一年，去年還是一個很菜很菜的一個前端(今...

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

技術 Day 17 : 動態切換元件

動態切換元件 今天來點輕鬆的，其實是我最近比較累所以沒辦法打太多東西，所以來介紹一個簡單的元件動態切換的方式，之前有使用動態的方式來切換 className 還...

Magisheng ‧ 2018-10-17

技術 餐具擺盤 - 萬用白瓷 VS Code 與套裝工具組

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

達標好文 技術 01. Nuxt.js 小跑起步

前言 寫文是為了將最近用 Vue.js + Nuxt.js 的使用細節整理，供日後參考。順序也許跟官網不太一樣，請多多包涵。 官方範例其實已涵蓋的大量情境，若是...

Ralph ‧ 2018-10-16 ‧團隊InfoSec Horadrim

技術 [Day 2] Vue Quasar Framework 環境佈署

安裝 昨天安裝完 今天就直接來佈署環境囉 ~ ！ $ quasar init <folder name> 接下來會有介面要來引導你安裝 Proje...

RenZhou ‧ 2018-10-16

技術 vue-form

Vue-form 表單驗證套件，支援Vue.js2.2以上的版本。 Github fergaldoyle/vue-form 範例 例如表單上有一個必填欄位：...

JB ‧ 2018-10-15

技術 （第二天）自我學習 - Vue 與 index.html

上一篇(自我學習 - 簡單認識 Vue) 今天Lucy老師要跟大家一起學習的有二個部分 Vue 在 index.html 可以如何使用？ 什麼事 Trello...

LucyLiou ‧ 2018-10-15

技術 Day 16 : 元件插槽 Slot

元件插槽 Slot 我們會將需要重複使用的區塊建立成元件，這樣可以方便我們重複使用，但是如果遇到我需要替換部份內容的時候，該怎麼辦呢？難道要再新建一個元件嗎？答...

Magisheng ‧ 2018-10-16

技術 Day 15 : emit 向外層傳遞資訊

emit 向外層傳遞資訊 昨天我們提到了如何將資料由外層傳向內層，用 props 的方式可以將資料由外向內傳遞，那如果我們想要將內層的資料向外層傳遞時該怎麼做呢...

Magisheng ‧ 2018-10-15

技術 Day 1 : 前言 - 嘗試用 Go-Vue-PostgreSQL 來重構 MEAN Stack 的緣由

希望在三十天中用 Go-Vue-PostgreSQL 來重構 MEAN Stack，過去為了快速搭建服務，選擇全JS的技術棧 MEAN Stack 來達成目標。...

Aoma ‧ 2018-10-15

技術 Day 14 : Props 特性，由外向內的資料傳遞

Props 特性，由外向內的資料傳遞 元件與元件之間的資料都是各個獨立的，所以才不會互相干擾，如果遇到需要由父層傳遞資料給子層的時候，我們可以使用 props，...

Magisheng ‧ 2018-10-14

技術 Day 13 : 元件 Components

全域註冊 昨天介紹了 Vue 中非常重要的元件，今天我們就來看看元件究竟要怎麼使用吧！首先來是全域註冊的方式，直接來看範例： <div id="...

Magisheng ‧ 2018-10-13

技術 Day 12 : 元件 Components 基礎介紹

元件 Components 基礎介紹 元件的概念在 Vue 中是非常重要的一個環節，Vue 應用程式都是從建立根實體開始，之後再一個一個元件搭建上去，而透過元件...

Magisheng ‧ 2018-10-12

技術 Day 11 : 生命週期 Lifecycle

Vue Instance Vue 的生命週期是一個相當重要的觀念， Vue 應用程式是從 Vue 建構式( Vue constructor )建立根實體( Vu...

Magisheng ‧ 2018-10-11

技術 Day 10 : Filter 過濾

Filter 過濾 今天來介紹過濾 filter，過濾顧名思義就是能夠將資料在顯示之前作前處理的方式，直接來看範例會比較清楚。 <div id=&quot...

Magisheng ‧ 2018-10-10

技術 Day 9 : Watch 監聽屬性

Watch 監聽屬性 今天來介紹監聽 watch 的用法，這個可以讓我們監聽某個值，而當這個值有更動的時候，就去執行某些事情，請看下面範例： <!-- 這...

Magisheng ‧ 2018-10-09

技術 Day 8 : Computed 計算屬性

計算屬性 Computed 今天來介紹的是 computed 這個方法，能夠直接將結果存到變數之中，並且是可以直接使用的，直接來看下面的範例會比較清楚唷！ &l...

Magisheng ‧ 2018-10-08

技術 Day 7 : 列表渲染

列表渲染 在 Vue 中，我們會使用 v-for 來迭代陣列中的元素。下方我先在 Vue 的應用程式中建立一個陣列為 list ： new Vue({ el...

Magisheng ‧ 2018-10-07

技術 Day 6 : 條件渲染

條件渲染 今天來介紹 v-if 和 v-show，並比較兩者之間的差異。 v-if 如果希望某些區塊在特定條件下才出現，就可以使用 v-if 、 v-else-...

Magisheng ‧ 2018-10-06

技術 Day 5 : 動態切換 className

動態切換 className 今天來介紹一點運用的範例，這是關於是件綁定跟屬性綁定的運用，如果對事件綁定 ( v-on ) 和屬性綁定 ( v-bind )還不...

Magisheng ‧ 2018-10-05

技術 Day 4 : 事件綁定 v-on

前面有提到屬性綁定，在這裡我來介紹事件綁定及資料綁定，就讓我們開始吧！ 事件綁定 v-on 在網頁上，常常會有點擊、輸入資料等的互動事件，而如果你對 JavaS...

Magisheng ‧ 2018-10-04

技術 Day 3 : Class 與 Style 的綁定

上一篇提到了 v-bind 的屬性綁定，今天就來提更多的屬性綁定的方法。 Class 與 Style 的綁定 我們先來看一個範例： <!-- 這是HTML...

Magisheng ‧ 2018-10-03

技術 Day 2 : 模版語法

上一篇介紹了如何用 CDN 的方式使用 Vue，然後建立一個 Vue 的應用程式，接下來幾天會介紹在 Vue 裡常用的一些語法。 屬性綁定：v-bind 能夠將...

Magisheng ‧ 2018-10-02

達標好文 技術 主廚的話 - 餐點簡介與相關說明

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