iT邦幫忙

vue.js相關文章
共有 1413 則文章
鐵人賽 Modern Web DAY 4

技術 [Day 4] Vue Quasar Framework 頁面Layout介紹

今天就讓我們直接開始吧~! 前面幾天我們有執行過部署的指令了 不過我們這邊再複習一下 $ quasar init helloworld $ cd hellow...

鐵人賽 自我挑戰組 DAY 20

技術 Day 20 : Vue-cli 建立開發環境與新增專案

Vue-cli 3 建立開發環境與新增專案 基礎介紹基本上就到一個段落,接下來最後的這幾天會介紹一些 Vue 的生態。首先介紹該如何建立 Vue 的開發環境與新...

鐵人賽 自我挑戰組 DAY 19

技術 Day 19 : Transition 漸變

Transition 漸變 Vue 有封裝好的 transition 元件可以使用,可以讓我們在撰寫漸變特效時更方便,而且我們可以自定義漸變的樣式類別,設計出屬...

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

技術 vue-i18n (1) - Getting started

vue-i18n (1) - Getting started 多國語系套件 Github kazupon/vue-i18n 範例(使用常數值之語系字典) J...

技術 從頭開始用 Laravel 來做CRUD -05- 環境架設 - 軟體 - cmder 命令提示字元

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

技術 從頭開始用 Laravel 來做CRUD -04- 環境架設 - JS - node.js 安裝

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

技術 從頭開始用 Laravel 來做CRUD -03- 環境架設 - PHP - Composer安裝

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

技術 從頭開始用 Laravel 來做CRUD -02- 環境架設 - PHP - Xampp安裝

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

技術 從頭開始用 Laravel 來做CRUD -01- 工作環境

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

技術 從頭開始用 Laravel 來做CRUD -00- 前言

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

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

技術 Getting Start

菜菜菜的 Vue 30天 - Day3 Getting Start 要學一個語言、框架,就先使用他寫一個 Hello World 吧!! 一開始學習我們先使用最...

鐵人賽 自我挑戰組 DAY 5

技術 (第五天)自我學習 - Vue輸入並即時顯示

Vue 如何及時的顯示出使用者輸入的資料 今天會使用到的屬性是 v-model v-model 在這邊使用時會像是綁定在(input,select,tex...

鐵人賽 Modern Web DAY 4

技術 04. Nuxt 環境建立

這篇寫常用情境 產生新 Nuxt 專案 Vue.js SPA 寫一半,得追加 SSR 產生完整 Nuxt 專案 入門寫 Vue.js,新專案用 Vue-cl...

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

技術 vuejs-paginate

vuejs-paginate 製作分頁的套件,支援Vue.js 2.0以上的版本 Github lokyoung/vuejs-paginate 範例 底下是...

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

技術 Vue.js 介紹

菜菜菜的 Vue 30天 - Day2 Evan You and Vue.js 這次的主題 Vue.js (發音同 View)是由一名中國的大大 Evan Y...

鐵人賽 Modern Web DAY 3

技術 [Day 3] Vue Quasar Framework 淺述設定檔 quasar.conf.js

今天就來徹底分析Quasar的設定檔quasar.conf.js 為了方便瀏覽,我們把它拆成各個區塊來講講 不多說就直接開始吧 plugins: [...

鐵人賽 Modern Web DAY 3
Daily UI : 開發者版 系列 第 3

技術 Vuetify:Preface › ❸ Why i choose Vuetify

這是 Vuetify 它們對此框架的願景,就是要盡可能提供任何我們在開發上所需的元件。   Current State of Vueitfy & Wh...

鐵人賽 自我挑戰組 DAY 4

技術 (第四天)自我學習 - 如何使用 v-on 按鈕事件

按鈕 v-on 事件 今天要講的屬性是 v-on 這個屬性 v-on 這個屬性有一些比較常用的事件(keydown, keyup, click, dbcli...

鐵人賽 Modern Web DAY 3

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

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

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

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

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

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

技術 vue-async-computed

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

鐵人賽 自我挑戰組 DAY 18

技術 Day 18 : Vue extend

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

鐵人賽 自我挑戰組 DAY 3

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

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

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

技術 前言

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

鐵人賽 自我挑戰組 DAY 17

技術 Day 17 : 動態切換元件

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 2

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

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