简介

Pl Vue 是一个将响应式数据的使用高度交予开发者决定的一个库，它不依赖于任何第三方库。该库提供了组件化、挂载钩子、Context、Router、Store 以及服务端渲染等相关 API。

如果说 Svelte 是外科手术一样更新 DOM，那么 Pl Vue 就是微雕工艺。

在线引用地址

该地址为最新版本，且仅包含响应式

<script type="module" src="https://yubo9807.github.io/pl-vue/reactivity.min.js"></script>

NPM

npm install --save pl-vue

代码示例

import { h, ref, render } from 'pl-vue';

function App() {
  const count = ref(0);

  return <div>
    {/* 响应式数据一律以函数形式返回 */}
    <h1>{() => count.value}</h1>
    <button onclick={() => count.value++}>click</button>
  </div>
}

const root = document.getElementById('root');
root.appendChild(render(<App />));

项目模版

• 传统项目
• 服务端渲染

说明

该库并没有配套的 UI 组件库，如果您对这方面不是特别注重，那么 Pl Vue 是一个不错的选择。

使用 Pl Vue 要求：

1. 有扎实的 JS 基础；
2. 对原生有强烈的追求，比如动态导入、节点属性绑定等（Pl Vue 并没有实现过多的“魔法”）；
3. 追求极致的性能以及代码量。