今天是第十二天，前面我們分享了一些Vue.js指令的簡單實作，那今天我想簡單介紹一下以下指令v-text ,v-html ,v-pre 首先，要怎麼辨別Vue.js的指令是哪段程式碼??其實很容易看得...
昨天有與各位分享到 Vue Cli 的安裝與打開方法，那今天我們就來看看檔案架構吧！首先，打開我們的 Vue Cli ，可以看到打包的所有檔案是長這樣那麼我們今天就針對這些檔案分別與各位介紹 Vue...
前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知...
Vue Directive 什麼是 Vue directive？簡單來說，就是在 Vue 模板中，我們常常用到的 v- 開頭的「指令」，像是：v-if、v-for、v-bind 等等，都被稱作 dir...
首先，Vue 是一個 MVVM 框架，雙向綁定資料與畫面。 而在 Vue 3 出現之前，Vue 使用的都是 Object.defineProperty 來實現雙向綁定資料劫持，監測數據的變動。 Ob...
條件渲染 v-if / v-if-else v-if 和 v-if-else 作為渲染的條件判斷，觸發 v-if / v-if-else 時，如果符合條件，元素及所有指令組件都會被重構，如果不符合，則...
哈囉各位！今天我們要來聊聊 Vue.js 與 Vue Cli 的安裝呦這兩個都是操作 vue 的必要條件呢，所以將它們放在一起跟各位介紹： 安裝前的準備 首先呢，在安裝 Vue.js 跟 Vue C...
一口氣看完 Vue composition API 語法 為什麼要用 Vue 3 Composition API？ 對我來說最重要的有2點： 比Options API更好整理邏輯 可以重複使用 完...
目前有三個頁面，分別是(以下列出本機端的範例網站)： 首頁(http://127.0.0.1:5173/)：這個頁面不論有無登入，都可瀏覽。 註冊頁(http://127.0.0.1:5173/re...
【Day 18】淺入淺出 Rails with Vue - Vue 的基本概念 - 17 前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用...