基本使用

​ setup中没有this的概念，不能用this

export default {
        name: 'Person',
        setup() { 
            let name = '张三' //此时的name不是响应式
            let age = 18
            let phone = '12345678901'
            let dept = {
                id: 1,
                name: 'IT部'
            }
            function addAge(){
                age++
            }
            function shouTest(){
                alert(phone)
                console.log(phone)
            }
            return {a:name,b:age,phone,dept,addAge,shouTest}// 如果setup没有返回，是拿不到数据的，这个返回方式可以a:name方式，也可以phone方式
        }
}

和vue2语法混用的一些注意点。

  1. vue3的setup可以使用vue2语法中的data()中的内容。