今天繼續來增加功能，並再取得另一批資料來使用 目標四，再加入旅館 API 有了景點，再來解決住的部份，所以我們再繼續加入另一支 API ，取得旅館的訊息高雄市一般旅館資料 再取一份旅館資料 data:...
延續昨日今天我們來新增專案首先需要先新增一個Addproject.vue新增path 以及修改navbar裡面新增專案的path首先我們需要一個簡單的layout如下圖這邊就是幾個純粹的text fi...
在Vue裡有個很大的特色可能就是資料的雙向綁定(Two-wayBinding)，而資料綁定的話我們最常適用的屬性就是v-model。v-model常用於表單和元素來做雙向數據綁定，結合其他樣板指令 v...
day-13 介紹 , 當資料改變時 , 我們可以利用 _render 來更新 dom 每次更新 isLogin 的資料時 , 就會用 innerHTML 更新全部的 dom 當我們用 devtool...
methods 方法 在Vue裡面methods是以物件來定義，內層都是函式，以下幾種來示範methods的觸發方式： 使用事件觸發： <div id='app'> <h3>...
昨天我們知道v-for的使用方式後那我們就來想一個問題，如果我們遇到渲染不只一組呢? 假設一個h3和p為一組時寫法如下。 要是今天我們享用一個包裝來包這些元件時就可以用<template>...
前言 Hooks 都是一個一個 function，在生命週期中有些時刻發生了，就會去執行對應的 Hooks function！ 建立階段 created hook 會初始化所有狀態和事件，所以在be...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗分享給讀者們。 你是否有在使用網頁的時...
如果還是比較習慣 Vue.js 的方式，像是 @click、v-model、v-if 之類的，換到 Livewire 後非常不習慣的話。那可以試試看 AlpineJS ，在各個方面都可以把 Livew...
昨天PO完文重看一下舊文才發現前天說要講json做輪播，結果昨天先講了tab….希望今天能講完輪播…先根據Day12的寫法寫出框架 <div id="content_box"...