前言 昨天創建完了Vue的環境，今天我們將會介紹旁邊資料夾分別負責放置哪些檔案。 專案架構 建完架構後，我們可以看到旁邊資料夾的結構如下： node_modules/存放node相關的套件。 p...
前言 我們已經知道模板語法中可以直接寫 JS 表達式，也知道表達式的邏輯可以抽方法來重複使用。 實務上還有一種情況，是需要「依據資料」整理出「對資料的說明」，簡單來說，就是希望透過一包「資料」來產出相...
用途 當父層組件需要傳遞數據給子組件的時後, 父層可以很簡單的在標籤內設置 key=’value’直接傳遞但對於子組件來說需要一項配置去接收父組件傳遞過來的對象這時候就可以使用到 props配置(範例...
今天來稍微介紹一下 Vue-router 這個套件，主要會以 Vue3 的版本為主，畢竟以現在的專案來說，基本上 Vue2 的專案已經建得差不多了，剩下維護的部分很難會碰到需要管 router 的部份...
引言 現在，Firebase 已經有了我們直接塞進去的填充資料接下來，我們將使用 VueFire 的方法將這些數據抓取出來到我們的畫面上來測試資源是否串接成功 基本的操作CRUD有可能拆解至4~...
Ionic 生命週期 Ionic 框架也提供了自己的生命週期方法，與 Vue 的生命週期方法定義方式相同，但 Ionic 的生命週期方法只會在 router 直接指向的組件上被調用。例如 /tabs/...
我們在之前所作出來的首頁只有畫面而沒有功能，我們今天就來完成它的一些功能的部分。首先我們先來改一下它的index.html<title>小明寵物店</title>，然後在rou...
V10_在vue之前_必備的CSS基礎(3)_SASS/SCSS控制 今天來探索一下有關CSS的SASS/SCSS控制 首先看一下MDN的說明https://developer.mozilla.org...
本篇開箱的是vue-ellipsis-3，是一款簡單上手就能實現的文字縮略元件。 相信大家在網頁功能上一定會碰到這個需求，超過某個寬度時要出現...省略號（刪節號），這時候你google一下ㄧ定會...
前言 昨天大致介紹了Vue的核心概念，今天就來談建置環境的部分。 創建環境 在 Vue 官方文件中，官方建議開發人員將 Vite 作為 Vue.js 應用程序的開發工具。 在本节中，我们将介绍如...