【完整程式碼附於文末】 如果我們想要把 data 的資料渲染到畫面上,有以下幾種方式將資料綁定至 DOM: v-text 標籤渲染的好處 :如果想要文字加粗的話,就可以把<span>的部...
本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新增了 2 個新遊戲呦!ˋ( ° ▽、°...
今天是第五天,那我想要分享一下Vue.js 模板語法:插值 Vue.js使用了基於HTML的模板語法,所以可以將實際的資料數據渲染至文件物件模型(DOM) #Text(文本插值)數據綁定最基礎的形式,...
此次我們鐵人賽將使用 VS code 作為環境,那今天就來簡單介紹一下這套好用的工具吧 Download 首先呢!當然就是下載拉, Download 這邊直接給他點進去 網頁進來後,印入眼簾的就是...
前言 本系列將介紹 Rails with Vue 的基本概念,並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程,並且將我所學到的知...
剛開始學 Vue,最困擾的就是該怎麼建立開發的環境。 誰適合看這篇: 不知道怎麼建立 Vue 專案 按照官網用 npm init vue@latest 建立了 Vue 專案,但其實不懂他幫你做了什麼...
今天是第四天,那我想聊一聊Vue2.x與Vue3的差異 我個人想分享的部分是關於在建立Vue instance這兩個版本的不同 Vue2是先new一個instance然後存在一個變數裡面像是app,之...
前言 今年這次是我第二次挑戰鐵人賽了!!!比起去年的第一次參賽,已經有經驗的這次已經沒那麼緊張了!!!這次鐵人賽的主要是要記錄並複習這一年來的所學也因為學長們接連畢業,6 月開始便換成我們開始接手實驗...
前言 本系列將介紹 Rails with Vue 的基本概念,並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程,並且將我所學到的知...
Vue 實體建立 Vue2 與 Vue3 實體建立的方法不同,Vue2 通過 new Vue 建立實例,Vue3 則是 createApp: // vue 2.x const vm = new Vue...