iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

Vue 3 請你幫我做一個網站好嗎 (っಠ‿ಠ)っ 系列

想用 Vue3 做一個網站!

參賽天數 17 天 | 共 19 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11 - 用 v-model 做父子元件間的雙向綁定

今天繼續跟大神 重新認識 Vue.js | Kuro Hsu v-model 與元件的雙向綁定 (Vue 3.x 新增) 學習學習 下列 childProp0...

2021-09-25 ‧ 由 lobsterpp 分享
DAY 12

Day12 - 祖父元件與孫子元件間的傳音入密

今天跟大神 重新認識 Vue.js | Kuro Hsu 跨越層級的傳遞方式 學習祖先元件怎麼傳遞家訓給後代只要在祖父元件設定 provide(){},並在子孫...

2021-09-26 ‧ 由 lobsterpp 分享
DAY 13

Day13 - composition API 初次見面哩賀

今天透過六角的 Vue3 夏令營 Vue 3 Composition API 精髓掌握 初步認識 composition API 以往的 data(){} 與...

2021-09-27 ‧ 由 lobsterpp 分享
DAY 14

Day14 - 做一半的產品編輯 modal

今天回顧六角的課程範例,重做一遍產品編輯 modal ,但目前只做了一半 <template> <!-- Button trigger m...

2021-09-28 ‧ 由 lobsterpp 分享
DAY 15

Day15 - 產品編輯 modal 還醜但功能 OK 了

<template> <!-- Button trigger modal --> <button type=&q...

2021-09-29 ‧ 由 lobsterpp 分享
DAY 16

Day16 - 複習 Vue 生命週期

今天又跟大神學習 重新認識 Vue.js | Kuro Hsu 1-7 元件的生命週期與更新機制,(可能是之前學 Vue2 不夠認真 XD)這次看大神的觀察生命...

2021-09-30 ‧ 由 lobsterpp 分享
DAY 17

Day17 - 上架後臺的商品列表頁,今天只鋪了 template

<template> <table class="table"> <thead>...

2021-10-01 ‧ 由 lobsterpp 分享
DAY 17

Day18 - 學了一點點 vuex

檔案 vuex 說明 store/index.js state 像元件裡 data() 的功能,存資料用 getters 像元件裡 compu...

2021-10-03 ‧ 由 lobsterpp 分享
DAY 17

Day19 - vue cli 使用 bootstrap modal

今日卡關,居然是因為沒正確 import bootstrap,以此紀錄一下,以後不卡卡cd 到 vue cli 專案後執行 npm install bootst...

2021-10-04 ‧ 由 lobsterpp 分享