响应式是什么?就是遵循单向数据流(不可以子组件修改父组件的数据),数据不可以被改变(但提供了方法保证数据不被随意的修改)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>reactive响应式</title>
</head>
<body>
<div id="app">
{{id}}
{{name}}
</div>
</body>
<script src="https://unpkg.com/vue@next"></script>
<script>
const app=Vue.createApp({
setup(prop,context){
const {toRefs,reactive}=Vue;
//reacive与toRefs配合使用
let obj=reactive({id:1,name:'ls'});
//修改变量的值
setTimeout(()=>{
obj.id=111;
},2000);
const {id,name}=toRefs(obj);
return{
id,
name
}
log:()=>{
alert("xxx");
}
}
});
app.mount("#app")
</script>
</html>
2071
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
