今天會擴充套件 codemirror 和 vue-codemirror。使我們在部落格中編輯或發佈文章時，輸入的 markdown 是會有高亮的，這篇是為了之後開發到的元件(FormAddPost)做...
今天來看v-if條件渲染吧！什麼是v-if條件渲染？就是一個「如果(if)…」我指定條件達成了，那我才要呈現指定的內容，沒達成的話就是隱藏！聽起來有點抽象，那又該如何使用它？現在就來實做個範例吧！ v...
複選資料的取得 我們來學一下當資料被複選時，可以如何取得這次會使用的屬性有 v-model //在 data 裡面加入一個 datas 的 list data: { datas: []...
v-bind 可以綁定各種不同的屬性，其中 Class 及 Style 的綁定較為特別，它們可以利用陣列或是物件綁定對應的 Class/Style 字串，現在讓我們來看看要如何設置 Class 吧。...
今天來學習條件判斷的指令，Vue提供以下指令可以用來做條件渲染(Conditional Rendering)： v-if v-if用來控制元素要不要render出來 <!--html-->...
在 GamiLMS 裡前端的部分，讓學生在線上學習用的編輯器是使用 Codemirror，如何整合 Codemirror 到 Vue 中，我們使用 Vue-Codemirror 建立 Componen...
GitHub Demo 今日完成的畫面 首頁的第一個區塊做完了 今天就來做第二個區塊吧 先看看兩大家的頁面 這種卡片形式的元件，咱們Quasar也有 我們就直接開始吧 建立並引入第二個區塊 一樣...
v-on 官方連結 v-onv-on 的修飾符滿多的，我們在第三天有先提過很常用到的 prevent，接著要來聊聊其他的修飾符。 stop .stop - 调用 event.stopPropagat...
select option 在第四日表單綁定有提到如何在表單呈現資料，來說說多一點細節。官網連結：表单输入绑定 选择框 v-for 跟 v-for搭配使用，輕鬆做出一堆 <option>，...
大家一定對Component越來越熟悉了，也開始體會它的便利性，其實它還能結合一個好用的功能Slots插槽，它可以幫你在Component中設定一個位置，讓你在引用Component後，插入想要的內容...