vue3没有data了吗(vue3没有this)

作者：电脑培训网 2024-05-05 14:08:19 270

Vue3无代码提示问题如何解决？在之前的笔记中，我提到过在为Vue3+vite+Ts编写代码的过程中，出现了代码自动补全失败功能。今天我就来说说如何解决这个问题。

首先我们已经明确表示，安装volar插件后，HTML标签片段补全已经失效。也就是说，在模板中写入HTML标签时，将不再出现代码补全。即输入“div”，即“div”。它不再是“div/div”。为了解决这个问题，我们需要在不删除volar插件的情况下对Vscode进行一些配置。

打开设置，进入如下界面：

选择文本编辑器-文本-，点击右边第一个，添加一项，输入项：“*.vue”，输入值：'html'，点击保存并返回vue文件，输入任意HTMLtag，发现已经可以代码自动补全了，而且是自关闭的。

但此时也出现了一些问题。不知道你有没有接触过他们。如果没有，您可以跳过它们。

第一：自定义的代码片段无效。通常我们新建一个Vue3组件时，需要初始化模板。

template/templatescriptsetuplang='ts'import{ref,reactive}from'vue'/scriptstylelang='less'范围/style

虽然代码很简单，但是每次创建新组件的时候写起来还是相当麻烦的，所以我们会创建一些新的自定义代码片段。在用户代码片段中，单击vue.json创建您自己的代码片段。

我不会在这里详细介绍如何创建您自己的代码片段。相关教程有很多，而且都很简单。

代码片段创建完成后，只需要输入关键字就可以创建整个代码片段，非常方便。

但经过上述配置后，我的代码片段失败了。此时的一个解决方案是创建一个我自己的新的全局代码片段。

单击“新建全局代码片段文件”，然后输入文件名，然后您可以像在现有.json文件中定义代码片段一样自定义代码片段。

配置完成后，新建一个.vue文件，输入自定义代码提示词，比如我的是vue3，回车，就会生成代码片段。

第二个问题是top配置后，vue文件的图标变成了HTML文件的图标。如果发生这种情况，请不要惊慌。如果你不介意的话，你实际上可以不管它。但为了区分，建议下载新的图标插件

因为我之前安装了scode-icon插件，所以配置完成后图标会发生变化。这时候我们可以重新安装一个。例如我安装了vue主题。

安装完成后，你会发现文件的图标发生了变化。当然，您也可以根据自己的喜好安装其他图标组件。

培训学校代码怎么查，培训学校代码怎么查询