记一个用VS2017写的Vue项目中组件出现中文乱码问题

在做一个小项目时遇到了，在写好的一个vue组件中出现了中文乱码，上网找了挺久多少没有发现问题所在。项目问题出现的组件如下：

其实只要在这个组件中的中文都会出现乱码的情况，浏览器页面中如下图所示。

问题所在主要是，文件默认是ASNI编码的，我们要转换成UTF-8就可以解决这个问题。

解决方法：
①打开该Vue组件文件所在的文件夹。
②用记事本打开改Vue组件的文件
③点击右上角的：文件 ==> 另存为

// An highlighted block
var foo = 'bar';

⑤在VS中弹出以后对话框证明修改成功了，点击“是”即可。