gpt4 book ai didi

vue.js - 另一个组件内的组件不起作用 - webpack - Vue.js 2

转载 作者:搜寻专家 更新时间:2023-10-30 22:32:14 24 4
gpt4 key购买 nike

我是 Vue.js 的新手,因此我觉得这个问题很简单。这是我的 Test.vue 组件:

<template>
<p>Hello Worldd</p>
</template>
<script>
export default {
name : 'test'
}
</script>

我试图在另一个名为 UserDevices.vue 的组件中显示这个“Hello Worldd”。这是该文件的内容:

<template>
<div>
<test></test>
<p>test</p>
</div>
</template>

<script>
import Test from './Test'

export default {
name: 'UserDevices',
components: {Test}
}

我收到一条错误消息:

[Vue warn]: Unknown custom element: <test> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <UserDevices> at src/components/UserDevices.vue
<App> at src/App.vue
<Root>

我正在使用 vue 的 webpack 脚手架作为模板。这不是正确的做法吗?

最佳答案

您正在使用 .vue文件,意思是vue-loader正在寻找包含在 <script> 中的脚本部分标签。但是,因为您没有使用 </script> 关闭脚本标签, vue-loader 将忽略 .vue 的那部分文件(没有任何警告)。

Vue 组件的模板仍将被加载,但 Vue 实例的模型(及其所有数据属性、方法、组件等)不会。这就是 Vue 找不到 <test> 的原因组件。

关于vue.js - 另一个组件内的组件不起作用 - webpack - Vue.js 2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46790276/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com