vue3之reactive

<script>
import { reactive } from 'vue'
export default {
    setup() {
        const car = reactive({
            brand: '宝马'，
            price: 100
        })
        return {
            car
        }
    }
}
</script>

总结：reactive中传入一个普通对象，返回一个代理对象，也就是说如果对象没有用reactive的话数据改变是不会驱动页面上数据的变化的，加上reactive的话修改数据时页面上对应的数据会更新，

加上reactive这个对象是响应式的，复杂数据类型就用reactive