ref 函數(shù)

• 聲明變量時，賦值的值要寫在?ref() 函數(shù)中
• 修改變量時，變量名.value = xxx
• 在模板中使用時可以省略掉 .value，直接使用變量名即可

<template><h1>一個人的信息</h1><h2>姓名：{{name}}</h2><h2>年齡：{{age}}</h2><h2>工作種類：{{job.type}}</h2><h2>薪資：{{job.salary}}</h2><button @click="changeInfo">修改人的信息</button>
</template><script>import {ref} from 'vue'export default {name: 'App',setup(){//數(shù)據(jù)let name = ref('張三')let age = ref(18)let job = ref({type:'前端工程師',salary:'30k'})//方法function changeInfo(){name.value = '李四'age.value = 20job.value.type = '后端工程師'job.value.salary = '50k'console.log(name,age)}//返回一個對象（常用）return {name,age,changeInfo,job}//返回一個渲染函數(shù)（了解）// return ()=>h('h1','你好嗎')}}
</script>

?reactive 函數(shù)

代碼優(yōu)化：

reactie 對比 ref

?