问题标签 [vue-composition-api]

我有一个功能组件：

当我单击按钮时，console.log 会记录更改，但模板中的 toggleValue 保持相同的值：false。

在reactivevue api 组合中，我应该使用 ref 还是不使用？是一样的吗？ref 做什么？

或者

是否可以在使用 Options API 的传统组件中导入和使用新的 Composition API？

这是我的场景：

我想在我的“选项 API”样式组件中使用它。我怎样才能导入这个？

我试过这个，但它不起作用。导入工作正常，但我不知道如何调用 setup 方法并获取所有导出的字段：

我有一个小的 Vue 功能组件，它从它的父级获取一个道具：

在父组件中启动组件：

代码可以编译，但在模板中我收到以下警告：

如何正确地将类型分配给道具，使其不可能未定义？

我大致按照这篇文章做了一个组件可拖动：

然后在我的Calculator.vue组件中我有：

这两个组件slot以不同的方式使用，在draggable-maker作为标签中，在计算器中作为属性。但是，由于使用了 s.vue ，这与 Vue 3 不兼容slot。这是我得到的错误：

有人可以建议我如何解决这个问题吗？

我用vue ui（typescript、babel、linter）创建了一个入门项目。一切正常，但我不太明白如何使Composition API的setup方法工作。它根本没有被调用（日志输出为空）这是我卡住的地方。

• Vue：3.0.0- rc.10

• Vue-cli：4.5.4

我正在使用 Vue.js 3.0 编写一个 Vue.js 应用程序。我用它作为学习组合 API 的一种方式。我不清楚的一件事是如何在更新商店值时有条件地更新我的组件 UI。为了演示我的问题，我创建了这个 fiddle。代码在这里详细说明：

JavaScript

HTML

CSS

当我单击“生成”按钮时，会生成一个随机数。如果该数字是偶数，我想将contentdiv 设置为使用evenCSS 类。如果是奇数，我想应用oddCSS 类。我有点卡住了。

我的问题是，我可以在全局存储中成功设置状态值。但是，我不知道如何对组件中的属性值更改做出反应。watchEffect我在我的setup函数中添加了一个, 。但是，这并不能让我访问单个组件本身的状态。我试图在每个组件中找出一种方法来说“嘿，当商店中的这个属性发生变化时，像这样更新 UI。”。

我错过了什么？

我正在使用 Vue2、Vuetify、Vue 组合 API(@vue/composition-api) 我面临的问题是组合 api 反应性无法正常工作。

让我给你看一些代码

---- 公司.vue ----

---- @/use/companies.ts ----

我尝试了ref和reactive。但是对company.vue内部的任何反应都不起作用。

我想知道在.value引用反应性对象时，如果它们嵌套了 2+ 层深，那么在哪里使用是正确的。您是否放置.value了基础对象，然后访问该基础对象的子键？还是你把它放在最深的钥匙上？

这是一个例子：

在上面的代码中，在计算属性doubleSomeObj中，它引用了嵌套对象someObj。

当引用该嵌套对象中的各种键时someObj，放置在哪个级别是正确的.value？

这是我第一次尝试前端开发，所以我主要复制粘贴示例是网络。

我编写了以下代码，虽然我可以result在模板中使用（v-for 或 v-if），但我找不到转换数据的方法。

我想获取result并应用转换函数的值并将转换后的值传递给模板。result是 vue ref 并且值不可用，如果我ref(result).value在之后写useResult