{
  "message": "You should use slots with <ContentRenderer>",
  "value": "\n# Vue 3 Composition API 深度解析\n\nVue 3 引入的 Composition API 是一个强大的新特性，它为我们提供了更灵活的代码组织方式。\n\n## 什么是 Composition API？\n\nComposition API 是 Vue 3 中引入的一套新的 API，它允许我们使用函数的方式来组织组件逻辑，而不是传统的选项式 API。\n\n```javascript\nimport { ref, computed, onMounted } from 'vue'\n\nexport default {\n  setup() {\n    const count = ref(0)\n    const doubleCount = computed(() => count.value * 2)\n    \n    const increment = () => {\n      count.value++\n    }\n    \n    onMounted(() => {\n      console.log('组件已挂载')\n    })\n    \n    return {\n      count,\n      doubleCount,\n      increment\n    }\n  }\n}\n```\n\n## 主要优势\n\n1. **更好的逻辑复用**：通过组合函数，我们可以轻松地在不同组件间复用逻辑\n2. **更好的类型推导**：TypeScript 支持更加完善\n3. **更灵活的代码组织**：相关的逻辑可以组织在一起\n\n## 总结\n\nComposition API 为 Vue 3 带来了更强的表达能力和更好的开发体验。虽然学习曲线可能会稍微陡峭一些，但它提供的灵活性和可维护性是值得投资的。\n",
  "excerpt": false,
  "tag": "div"
}