Per.js - 快速、简便的响应式 JavaScript 开发框架

hedeqiang

发布于 2019-12-17 22:11:27

1.1K0

发布于 2019-12-17 22:11:27

在开源中国看到一则帖子 Per.js - 快速、简便的响应式 JavaScript 开发框架，该库是一个刚开始的出道 JavaScript 库，据作者介绍他的执行速度还是 Vue 的7~8倍。然后就体验了下,还不错和 Vue 类似

per.js 初体验

下载 per.js 编写一个 Hello world 具体代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>perjs</title>
    <script src="js/Per.js"></script>
</head>
<body>
    <span>
        { testVar }
    </span>
</body>
<script type="text/javascript">
    var app = Per("span");
    app.dom({
       data: {
           testVar: "Hello World"
       }
    },true)
</script>
</html>

{testVar} 外层再加一堆花括号

从官方文档给出的例子可以看到实例化 Per 并不像 Vue一样使用id 来进行匹配，而是使用类似于 JavaScript 的类选择器。假如页面中有多个 span 标签，他只会将第一个作为选择域，其他并不会生效