Vue.js 语法错误: Identifier directly after number (167:62) 解决方法

Vue.js 语法错误: Identifier directly after number (167:62) 解决方法

在 Vue.js 开发中，经常会遇到各种语法错误。其中，Identifier directly after number 错误通常是因为字符串中的单引号与外部单引号重复，导致字符串被误认为中断。

错误示例：

// 错误代码
image: 'this.baseURL + '/api/file/Image/systemfile/icon-1.png''

错误原因：

代码中的 'this.baseURL + '/api/file/Image/systemfile/icon-1.png'' 这部分代码，字符串中的单引号与外部的单引号重复了，导致 JavaScript 解释器认为字符串在 '/api/file/Image/systemfile/icon-1.png' 处就结束了，后面的内容被误认为是代码，从而导致语法错误。

解决方法：

有两种方法可以解决这个问题：

1. 将字符串中的单引号改为双引号：

// 正确代码
image: 'this.baseURL + '/api/file/Image/systemfile/icon-1.png'' 

2. 将外部的单引号改为双引号：

// 正确代码
image: 'this.baseURL + '/api/file/Image/systemfile/icon-1.png'' 

总结：

在使用 JavaScript 和 Vue.js 时，要特别注意字符串中引号的使用，避免单引号和双引号重复，导致语法错误。