南阳网站制作公司,wordpress 带数据库吗,本地网站做通用会员卡,上海华东建设发展设计有限公司网站历史小剧场 所谓历史#xff0c;就是过去的事#xff0c;它的残酷之处在于#xff1a;无论你哀嚎#xff0c;悲伤#xff0c;痛苦#xff0c;落寞#xff0c;追悔#xff0c;它都无法改变。 一具有名的尸体躺在无数无名的尸体上#xff0c;这就是所谓的霸业。---- 《明…历史小剧场 所谓历史就是过去的事它的残酷之处在于无论你哀嚎悲伤痛苦落寞追悔它都无法改变。 一具有名的尸体躺在无数无名的尸体上这就是所谓的霸业。---- 《明朝那些事儿》 shallowReactive 只有根级别的属性是响应式的 看案例 !-- TestShallow.vue --
templatedivp学号: {{ id }}nbsp;nbsp;姓名: {{ info.name }}/pbutton clickid点击增加学号/buttonbutton clickchangeName改变姓名/button/div
/templatescript langts
import { isReadonly, shallowReactive, shallowReadonly, toRefs } from vue;export default {name: TestShallow,setup() {type Student {id: number,info: {name: string,}}const student shallowReactiveStudent({id: 1,info: {name: 张三 // 这里的name不是响应式的}})const changeName () {student.info.name 莉丝console.log(name , student.info.name)}return {...toRefs(student),changeName}}
}
/scriptstyle langscss scoped/style当我们点击增加学号时界面上学号1 但是我们点击修改姓名是只有控制台打印的姓名变了而界面上却没变。 这就是说明这里在info里面的属性不是响应式的
shallowReadonly 只有根节点的属性是只读的 const person shallowReadonly({name: 新潮,info: {age: 25}})console.log(第一层 , isReadonly(person)) // trueconsole.log(第二层 , isReadonly(person.info)) // false
