放回键后，代码不起作用

Question

请参阅以下图片。这些代码为vue js。作为第一个图像的内联代码正在工作。但是当put返回时，作为第二个图像，代码不起作用。但两个图像中的代码都相同，唯一的区别是多行。这些图像来自Sublime Text Editor，但同样在Atom和Notepad ++中也是如此。

任何有关为何发生这种情况的建议！

Answer 1

如果您将\添加到每个新行的末尾，该行将告诉字符串转到下一行。您可以在ES6中使用new string literal syntax。例如在ES6中（注意`而不是引号）。

var my_string = `some other
cool
thing`

如果您无法使用ES6，则可以使用\执行相同的操作。

var my_string = "some other\
cool\
thing"

最后你可以把字符串加在一起。

var my_string = 'Lorem ipsum dolor sit amet, ' +  
    'consectetur adipiscing elit, sed do eiusmod tempor ' +
    'incididunt ut labore et dolore magna aliqua. Ut enim' +
    ' ad minim veniam'