vue3setup语法糖props使用

在Vue 3中，`setup`函数是用来替代Vue 2中的`data`和`methods`选项的。`setup`函数是一个在组件创建之前被调用的函数，它接收两个参数：`props`和`context`。

`props`是一个响应式的对象，包含了父组件传递给子组件的属性。你可以通过在`setup`函数中简单地声明一个参数来访问这些属性。例如：

setup(props) {
  // 访问props属性
  console.log(props.message);

  // 返回一个对象，这个对象将会成为组件的响应式状态
  return {
    count: 0
  };
}

在上面的例子中，`props.message`是通过父组件传递给子组件的。

注意，`props`是只读的，你不能直接修改它们。如果你需要修改`props`，你可以将其复制到一个可变的变量中，然后对该变量进行修改。例如：

setup(props) {
  // 复制props到一个可变变量
  let message = props.message;

  // 修改可变变量
  message += ' World';

  return {
    message
  };
}

在`setup`函数中，你还可以访问到`context`对象，它包含了一些有用的属性和方法，例如`attrs`、`slots`和`emit`。`attrs`包含了父组件传递给子组件的非props属性，`slots`包含了子组件的插槽内容，`emit`允许子组件触发父组件的事件。

希望这些信息对你有帮助！如果还有其他问题，请随时提问。