vue3.0学习笔记（ref和shallowRef函数进行响应式）

<template>

<p>职业:{{}}</p>

<p>工资:{{}}</p>

<button @click="changeClick">点击改变数据</button>

</template>

<script>

import {ref} from 'vue'

export default {

name: 'App',

setup(){

//相当于vue2.0中的data ref准备进行响应式

let workObj=ref({work:'前端工程师',wage:'30K'})

//方法 改变对象里面的数据 通过.value进行改变

function changeClick(){

workObj.value.work='UI设计师'

workObj.value.wage='8K'

}

//最后return出去

return{

workObj,

changeClick

}

}

}

</script>