vue2中对一个引入的组件HelloWorld.vue写new HelloWorld(),为什么报错,正确写法是什么
时间: 2024-03-28 14:41:23 浏览: 60
解决vue 引入子组件报错的问题
在Vue2中,一个组件是一个Vue实例,你不能像普通的JavaScript类一样使用`new`关键字来创建组件实例。而是需要在Vue实例中使用该组件作为子组件进行渲染。
正确的写法是,首先在父组件中引入HelloWorld组件,然后在父组件中的template中使用该组件,如下所示:
```html
<template>
<div>
<hello-world></hello-world>
</div>
</template>
<script>
import HelloWorld from './HelloWorld.vue'
export default {
name: 'ParentComponent',
components: {
HelloWorld
}
}
</script>
```
这样就可以正确地使用HelloWorld组件了。
阅读全文