vue3学习 setup、ref、reactive领导要出差回来辽 啊啊啊啊啊

1、setup

setup(){
    let name='张三'，
    function sayhello(){
        
    }
    return {
        name,
        sayhello
    }
}

setup 返回值

1、如果setup 有返回值

可以直接使用

2、渲染函数

import {h} from 'vue'
return()=>h('h1','程序员')

2、ref函数

对于值渲染

 <script>
    import {ref} from 'vue'
    export default {
      name: 'App',
      setup(){
        let name= ref('张三')
        let age = ref(14)
        let job =ref({
            type:''
            salary:''
        })
        function changeInfo(){
          name.value='李四'
          job.value.type=''//对象改值
        }
        return{
          name,age,changeInfo,job
        }
      }
    }
    </script>

3、reactive函数

//针对对象
let job=reactive({
  type:''
  salary:''
})
//针对数组
let hobby=reactive(['',''])
//修改直接
job.type=''
hobby[0]=''