1.应用层级的状态应该集中到单个 store 对象中。2.提交 mutation 是更改状态的唯一方法，并且这个过程是同步的。3.异步逻辑都应该封装到 action 里面。如果你的 store 文件太...
模組的命名 一個模組的命名關係到我們是否能快速地知道這個模組的功能是甚麼，同時可以避免跟現有的 HTML 標籤相衝突。 在Vue.js - 风格指南中， component 有一個重要的命名規則 -...
tags: Vuejs 本次鐵人作為進入 Vue 3 的前的粗淺回顧，簡單介紹了 Vue 2 官網的內容，雖然有許多不足，中段開始時間調控上做的也不如預期，但在後期加入 3 的法則 後有顯著改善了效果...
tags: Vuejs 動態組件 ✐ 動態組件可以幫助我們動態切換組件，例如在網頁的多標籤介面中常見到動態切換組件的需求，便是動態組件能幫忙的場景之一。 使用動態組件 動態組件需要配合 <co...
續前一篇的例子： 分段進行： Vue 基本結構及使用到的屬性： var app = new Vue({ el: "#app",, data(){ // 定義...
這篇程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-generator/packages/vue-ssr...
建立應用程式的方法 <div id="app"> {{text}} </div> <script> var app = new Vue...
這篇的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-generator/packages/vue-ssr...
今天要比較的是「屬性綁定」，Alpine.js使用的是x-bind:屬性=""，Vue.js使用的是v-bind:屬性=""，兩者皆可簡化成 :屬性="...
腦子就像手機充電一樣，充太飽也不會讓手機變快，充不夠就後繼無力。 今天要介紹的是據說及將會在 Vue3 消失的slot，突然覺得寫這篇的意義是什麼！？但是，有那麼多的專案都是以 Vue2 開發出來...