网站建设创新,天猫网上购物商城,vps新建的网站打不开,门户网站建设和推广toRdf
作用#xff1a;创建一个 ref 对象#xff0c;其 value 值指向另一个对象中的某个属性。语法#xff1a; const name toRef(person,name)
应用#xff1a;要将响应式对象中的某个属性单独提供给外部使用时。扩展#xff1a;toRef 与 toRefs 功能一致#xff0…toRdf
作用创建一个 ref 对象其 value 值指向另一个对象中的某个属性。语法 const name toRef(person,name)
应用要将响应式对象中的某个属性单独提供给外部使用时。扩展toRef 与 toRefs 功能一致但是 toRefs 可以批量创建多个 ref 对象语法 toRefs(person) 代码如下
templateh4{{person}}/h4h2姓名{{name}}/h2h2年龄{{age}}/h2
!-- 用toRef时可以直接用{{salary}}用toRefs时因为拿出来的实际上是job,所以需要用{{job.j1.salary}}--h2薪资{{job.j1.salary}}K/h2button clickname~修改姓名/buttonbutton clickage增加年龄/buttonbutton clickjob.j1.salary涨薪/button
/templatescript
import {ref,reactive,toRef,toRefs} from vue
export default {name: Demo,setup() {//数据let sum ref(0)let msg ref(你好啊)let person reactive({name:张三,age:18,job:{j1:{salary:20}}})//返回一个对象(常用)return {//直接返回整个person对象person,// 用toRef把person中的每个属性单独拿出来// name: toRef(person,name),// age: toRef(person,age),// salary: toRef(person.job.j1,salary),// 用toRefs 把多个属性拿出来...toRefs(person),}}
}
/script
