vue3 计算属性报错 $setup.bbbb is not a function

这个错误通常是因为在使用 `setup()` 函数时，在返回的对象中将计算属性定义为普通函数而不是属性。Vue 3 中的计算属性应该被定义为属性而不是函数。

例如，你可能会遇到下面这种情况：

setup() {
  const bbbb = ref('hello')

  return {
    bbbb: () => bbbb.value.toUpperCase()
  }
}

在这种情况下，当你在模板中使用 `{{ bbbb }}` 时，就会抛出 `$setup.bbbb is not a function` 的错误。要解决这个问题，你需要将 `bbbb` 定义为计算属性，而不是函数：

setup() {
  const bbbb = ref('hello')

  const upperCaseBbbb = computed(() => bbbb.value.toUpperCase())

  return {
    bbbb: upperCaseBbbb
  }
}

现在，当你在模板中使用 `{{ bbbb }}` 时，计算属性会按预期工作，不再抛出错误。

相关问题

vue3.2 计算属性报错 $setup.bbbb is not a function

这个错误通常是因为在组件中使用了 `$setup`，但是 `$setup` 中的属性或方法没有正确地暴露出来。请检查一下你的组件是否正确地使用了 `defineExpose` 函数来暴露 `$setup` 中的属性或方法。

具体来说，你需要在组件的 `setup` 函数中使用 `defineExpose` 函数来暴露 `$setup` 中的属性或方法。例如：

// MyComponent.vue
import { defineComponent, defineExpose } from 'vue'

export default defineComponent({
  setup() {
    const bbbb = () => {
      console.log('bbbb')
    }

    // 暴露 bbbb 方法
    defineExpose({
      bbbb
    })

    return {
      // ...
    }
  }
})

然后在组件中使用 `$setup.bbbb` 即可访问到该方法。

vue3引用外部插件报错 Vue.component is not a function

如果在Vue 3中使用Vue.component()来引用外部插件，会出现“Vue.component is not a function”错误。这是因为Vue 3中已经取消了Vue.component()方法，而是采用了新的API注册组件。

要解决这个问题，可以使用Vue 3中的createApp()方法来创建Vue应用程序实例，并使用其component()方法注册组件。

例如，假设我们有一个名为HelloWorld的组件，它保存在一个名为HelloWorld.vue的文件中。要在Vue 3中引用该组件，可以执行以下操作：

1. 导入Vue模块和HelloWorld组件：

import { createApp } from 'vue'
import HelloWorld from './HelloWorld.vue'

2. 创建Vue应用程序实例：

const app = createApp({})

3. 使用component()方法注册HelloWorld组件：

app.component('hello-world', HelloWorld)

4. 将Vue应用程序实例挂载到DOM元素上：

app.mount('#app')

这样，就可以在Vue 3中成功引用外部插件了。