之後會花幾天的時間來慢慢比較Alpine.js和Vue.js的差異，
兩者非常像，畢竟Alpine.js確實就是參考Vue.js做出來的微型套件，
前贅詞Alpine.js是x-，Vue.js是v-，
那這邊我會用使用上的差異來講。

最初的原件

Alpine.js
這寫在html

<div x-data="{ posts: [] }"></div>

Vue.js
這寫在html

<div id="app"></div>

這寫在js

new Vue({
  el: '#app',
  data: {
    posts: []
  }

  // or in the case of a component
  data() {
    return {
      posts: []
    }
  }
})

單看兩這最初元件建立的方式就有所不同，
裡面有很大的一項原因是
Vue.js需要建立一個虛擬的DOM，而Alpine.js不需要
這各有好處，Vue.js因為有虛擬的DOM讓東西在使用上可以非常變得非常活用，
而且可以非常清楚並掌握裡面的東西，
那Alpine.js沒有這東西，
相對的容量會變得非常小，
效能當然也會隨之提升，且便利性依然存在。

兩個都好，就看專案需求在決定應該採用誰了!