vscode Vue文件代码显示不高亮问题

我用vscode打开vue文件高亮显示不对

这些地方显示的都不对，经过搜索发现，打开vscode的设置json进行编辑

"files.associations": {
    "*.vue": "html"
},

加入这一行就可以解决这个问题。保存之后高亮就正常了。