petite-vueVue 的替代發(fā)行版

petite-vue 是一個(gè)為漸進(jìn)式增強(qiáng)而優(yōu)化的 Vue 的替代發(fā)行版。它提供了與標(biāo)準(zhǔn) Vue 相同的模板語(yǔ)法。然而，它是專門(mén)為在由服務(wù)器框架渲染的現(xiàn)有 HTML 頁(yè)面上 "灑"上少量交互而優(yōu)化的。

特性：

• 只有~5.8kb
• 與 Vue 兼容的模板語(yǔ)法
• 基于 DOM
• 由 @vue/reactivity 驅(qū)動(dòng)

狀態(tài)：

• 這是一個(gè)非常新的東西。可能會(huì)有一些錯(cuò)誤，而且可能還會(huì)有 API 變化，所以使用時(shí)要自己承擔(dān)風(fēng)險(xiǎn)。
• issue 列表是故意關(guān)閉的，因?yàn)槲椰F(xiàn)在有更優(yōu)先的事情需要關(guān)注，不想被分心。如果你發(fā)現(xiàn)了一個(gè) bug，你必須自己去解決它或者提交一個(gè) PR 來(lái)修復(fù)它。也就是說(shuō)，請(qǐng)隨時(shí)使用討論標(biāo)簽來(lái)互相幫助。
• 目前不太可能接受功能請(qǐng)求 —— 這個(gè)項(xiàng)目的范圍是有意保持在最低限度的。

使用：

petite-vue無(wú)需構(gòu)建步驟即可使用。只需從 CDN 加載它：

< script  src =" https://unpkg.com/petite-vue " defer  init > </ script > 

<!-- 頁(yè)面任意位置 --> 
< div  v-scope =" { count: 0 } " > 
  { { count }} < button @click =" count++ " > inc </ button > </ div >
   

• 使用 v-scope 來(lái)標(biāo)記頁(yè)面上應(yīng)該由 petite-vue 控制的區(qū)域；
• defer 屬性使腳本在 HTML 內(nèi)容被解析后執(zhí)行；
• init 屬性告訴 petite-vue 自動(dòng)查詢并初始化頁(yè)面上所有具有 v-scope 的元素。