<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>vue3-reactivity</title>
<script type="module">
import {reactive,effect,computed,ref} from "./package/index.js"
const data = reactive({pageName:1,pageSize:10})
effect(() => {
const root = document.getElementById('root')
root.innerText = data.pageName
})
const button = document.getElementById('button')
button.onclick = function(){
data.pageName ++
}
</script>
</head>
<body>
<div id="root"></div>
<button id="button">点我</button>
</body>
</html>
Ref Effect baseHandler reactive Proxy Vue 3
66 浏览量
2024-01-04
13:51:10
上传
评论
收藏 8KB ZIP 举报
vue3响应式.zip （13个子文件） 
reactivity 
.DS_Store 6KB backup reactive1.js 2KB demo.js 2KB reactive.js 2KB demo2.js 2KB package computed.js 544B effect.js 1KB handler.js 1KB utils.js 161B ref.js 504B reactive.js 1KB index.js 147B
index.html 699B资源评论
