tags: Vuejs 具名插槽 ✐ 若是需要多個插槽，可以在 <slot> 中使用 name attribute，定義命名的插槽，可以定義具有多個插槽的組件。 Vue.component...
(以下文章適用於Vue.js 2.X版本) Vue.js 官方手冊 起手式 引入 Vue.js new 一個 Vue 物件 var vm = new Vue({ }) vm: v...
必要安裝 文字編輯器，像是VSCode、Atom、Sublime VSCode內插件Live Server或Preview on Web Server二擇一（或其他文字編輯器的類似插件） VSCod...
tags: Vue.js ItIron2020 前言 昨天我們完成了專案的基本建置並建立一個簡單的chart做為暖身練習，今天我們要接續chart的實作，從資料處理一直到呈現圖表，過程其實相當的簡單，...
CRUD新增、刪除、修改、顯示功能是一個完整的線上系統不可或缺的功能。昨天我們完成了更新 ticket，以及介紹了dispatch讓Vue可以聯絡到Vuex的action，今天就延續著介紹以Vue.j...
今天要來介紹Alpine.js和Vue.js的雙向資料綁定，這是非常實用的東西呢，它可以使輸入的值與組件保持同步。 Alpine.js (在Day5也有做介紹喔!)html <div x-dat...
課程練習 此階段是實際串接 API 的差異，串接 API 後的一頁式產品新增、刪除、修改的頁面。先製作登入頁驗證使用者帳號，再導入產品頁。 登入頁面 // 登入頁面 html <div id=&...
Day28已建立好環境了，接下來開始製作CURD功能囉~ Controller php artisan make:controller KeywordController KeywordContro...
前言 接下來兩天會在laravel使用mongodb跟Vue實作CRUD，而今天主要是環境的設定。 Mongodb套件安裝 在開始前請先安裝mongodb套件，主要建立mongodb連線 comp...
我們這次來繼續做圖表，讓網頁更漂亮。此篇參考:點我 折線圖 這是折線圖的基本架構，元件名稱叫line-chart，資料為data2。 <template> <div >...