iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

初探Vue.js 30天 系列

Vue.js是目前三大前端框架之一,藉由30天的挑戰,整理並記錄Vue.js的特性。

本系列除了會探索Vue.js,在後半段也會結合axios、lodash搭配應用,以及使用laravel作為後端搭配服用!

初次參加鐵人賽,學習曲線較淺,多多包涵~

鐵人鍊成 | 共 30 篇文章 | 17 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day 21] Vue Speed Level Up

此Vue.js系列到現在也過了20天了,這裡就針對幾個可以增加Vue效能的說明吧! 僅更新所需內容(Update Only What’s Needed) V...

2020-10-05 ‧ 由 Peter Lu 分享
DAY 22

[Day 22] Vue Router 前端路由

Vue Rotuer介紹 Vue Router 是 Vue 官方提供的路由管理器,讓前端在操作頁面 route 時更加的方便。在Instance設定路由,指定在...

2020-10-06 ‧ 由 Peter Lu 分享
DAY 23

[Day 23] Laravel + Vue.js - 環境設置

環境介紹 後端框架 Laravel 6 前端框架 Vue.js 2.6 Mac環境 安裝 Homebrew /bin/bash -c "$(...

2020-10-07 ‧ 由 Peter Lu 分享
DAY 24

[Day 24] Lodash - JS library

為什麼要用Lodash Vue是前端框架,因此會大量的處理字串與陣列或是物件,通常大部分人都會使用prototype fucntion,而改使用lodash提...

2020-10-08 ‧ 由 Peter Lu 分享
DAY 25

[Day 25] Vue.js - 台灣縣市選擇器

今天要來使用laravel+Vue的台灣縣市選擇器 先前準備安裝套件 在開始前請先安裝bootstrap、bootstrap-sass,這兩個套件 npm...

2020-10-09 ‧ 由 Peter Lu 分享
DAY 26

[Day 26] Vue - axios&vSelect 模糊查詢

實作axios+v-select模糊查詢 先前準備安裝套件 在開始前請先安裝v-select,axios是laravel預設的套件不在另外安裝安裝安裝。 npm...

2020-10-10 ‧ 由 Peter Lu 分享
DAY 27

[Day 27] Vue 商品&信用卡

用Vue實做信用卡&商品操作 先前準備安裝套件與資料 在開始前請先安裝sweetalert套件 npm install --save-dev sweet...

2020-10-11 ‧ 由 Peter Lu 分享
DAY 28

[Day 28] Laravel+MongoDB+Vue CRUD - part 1

前言 接下來兩天會在laravel使用mongodb跟Vue實作CRUD,而今天主要是環境的設定。 Mongodb套件安裝 在開始前請先安裝mongodb套...

2020-10-12 ‧ 由 Peter Lu 分享
DAY 29

[Day 29] Laravel+MongoDB+Vue CRUD - part 2

Day28已建立好環境了,接下來開始製作CURD功能囉~ Controller php artisan make:controller KeywordContr...

2020-10-13 ‧ 由 Peter Lu 分享
DAY 30

[Day 30] 完賽,回顧留下的足跡

鐵人賽的精神-毅力 終於來到鐵人賽的最後一天,當然要來回顧一下這30天發生的點滴及感想囉~從Day1開始入坑後,就每天告訴自己,一定要完成這項挑戰! 但往往想像...

2020-10-14 ‧ 由 Peter Lu 分享