<script>
import { reactive } from 'vue'
export default {
setup() {
const car = reactive({
brand: '宝马',
price: 100
})
return {
car
}
}
}
</script>
总结:reactive中传入一个普通对象,返回一个代理对象,也就是说如果对象没有用reactive的话数据改变是不会驱动页面上数据的变化的,加上reactive的话修改数据时页面上对应的数据会更新,
加上reactive这个对象是响应式的,复杂数据类型就用reactive