两者可谓是一脉相承却略有不同。
与标准Vue 相比,petite-vue 具备vue相同的模板语法和响应式模型,从用途上来看,二者的差别在于标准Vue 可以用于复杂的单页面应用,往往页面里是没有内容的,需要初始化Vue 后异步加载,而petite-vue 则专门针对在已经服务器框架渲染好的现有HTML 页面上的少量交互进行了优化。我们来看看petite-vue的示例代码:
<!DOCTYPE html>使用 v-scope 在页面上标记应被 petite-vue 控制的区域。
<html>
<head>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/petite-vue.js" defer init></script>
</head>
<body>
<!-- anywhere on the page -->
<div v-scope="{ count: 0 }">
{{ count }}
<button @click="count++">inc</button>
</div>
</body>
</html>
defer 属性使脚本在 HTML 内容经过解析后执行。init 属性使 petite-vue 自动 query 并初始化页面上被 v-scope 标记的所有元素,其实就是直接自动执行了PetiteVue.createApp().mount()方法,如果去掉init,就要手动编写一个script
<script>PetiteVue.createApp().mount()</script>
petite-vue 具备以下特性:
大小仅为约 5.8kb
Vue 兼容的模板语法
基于 DOM (mutates in place)
由 @vue/reactivity 驱动
参考文章https://zhuanlan.zhihu.com/p/387543297
网友回复
DLNA与UPnP的区别和不同?
苏超自建抢票app,通过先预约再抽签化解高并发抢票?
python如何让给电脑在局域网中伪装成电视接收手机的投屏图片视频播放?
如何结合python+js如何自己的视频编码与加密播放直播?
python如何在电脑上通过局域网将本地视频或m3u8视频投屏电视播放?
腾讯视频爱奇艺优酷vip电影电视剧视频如何通过python绕过vip收费直接观看?
有没有可免费观看全球电视台直播m3u8地址url的合集?
有没有实现观影自由的免vip影视苹果 CMS V10 API的可用url?
python如何实时检测电脑usb插入检测报警?
如何判断真人操作的鼠标移动直线轨迹与机器操作的轨迹?