1 Star 0 Fork 0

balaLaa / vv.js

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

vv.js


一个前端响应式框架玩具,通过操作实际dom渲染页面

使用方式:

if

<div vv.if="this.person.age !== 18">vv.if</div>

click

<h2 vv.click="this.clickFn()">click</h2>

text

<h1>{{name}}</h1>

完整demo

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <link rel="icon" type="image/svg+xml" href="favicon.svg"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Vite App</title>
</head>
<body>
<div vv>
  <div vv.if="this.person.age !== 18">vv.if</div>
  <h1>{{name}}</h1>
  <h2 vv.click="this.clickFn()">click</h2>
</div>
<script type="module">
  import app from './src/app'

  window.app = new app({
    name: 'hello vv.js',
    person: {
      age: 18,
      gender: 'man'
    },
    clickFn: function () {
      alert(this.name)
    },
    test: function (val) {
      console.log(`age: ${this.person.age}; val: ${val}`)
      this.person.age = val
      console.log('age: ' + this.person.age)
    }
  });
</script>
</body>
</html>

空文件

简介

前端响应式框架 展开 收起
JavaScript 等 2 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/balaLaa/vv.js.git
git@gitee.com:balaLaa/vv.js.git
balaLaa
vv.js
vv.js
master

搜索帮助