master

分支 (2)

管理

管理

master

xiao

vue_code
/
4_1_1proxy.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>简单的响应式</title>
</head>
<body>
<div id="app"></div>
</body>
<script lang="ts">


// 响应式数据
const obj1 = {text:'hello world'}


obj1.text = 'hello vue3' //修改obj.text的值，同时希望副作用函数会重新执行

// 副作用函数，effect函数的执行可以直接或间接的影响其他函数的执行，我们就说effect产生了副作用
function effect(){
  document.body.innerText = obj1.text
}


// 副作用函数和代码存在强耦合，我们希望副作用函数不依赖于effect1函数的名称

</script>
</html>