Question

VueJS的新手，正在阅读本教程。这是我执行的步骤

使用VUE CLI创建的项目
试图使用此代码创建组件。
```
tinfo6
```

已将其添加到App.vue模板部分。

 var data = {
    items: [{ text: 'Bananas', checked: true },
        { text: 'Apples', checked: false }
        ],
    title: 'My Shopping List',
    newItem: ''
        }; 

Vue.component('items-component', {
    data: function () {
        return data;
    },
    template: `
<div class="blog-post">
  <span>sample</span>
</div>
`
});

但是我遇到此错误

  <items-component></items-component>

问题

有没有一种方法可以在一个Vue Cli项目中创建多个组件文件或多个文件是创建组件的唯一方法？。
使用CLI手动编辑Webpack是一个不错的选择吗？如果是这样，那里相同的任何良好链接。

请让我知道

Answer 1

我的项目也遇到了同样的错误。我通过以下方法解决了这个问题：

创建新文件：snprintf(buf, sizeof(buf), "%s%s", buf, "bar");
并添加：
```
vue.config.js
```

关于您的问题，即使我可能没有给出最佳答案，我也会尽力回答：

有没有一种方法可以在Vue Cli项目中创建多个组件在一个或多个文件中创建文件的唯一方法组件？

人们总是为组件创建多个文件。

我希望这对您有帮助

Vue-CLI组件出错：您正在使用Vue的仅运行时版本，而模板编译器不可用

1 个答案: