Vue 中' '中的内容无法换行

[duglik]

代码如下:

    name: 'app',
    components:{
    },
    data(){
        return {
            code: '',
            finalCode: 'body{ background :red}',
        }
    },
    created(){
        var n = 0
        setInterval(()=>{
            this.code = this.finalCode.substring(0,n)
            n += 1
        },100)
    },

当我将 finalCode 中的内容换行显示时

return {
            code: '',
            finalCode: '
            body{ background :red}',
        }

就会出现报错SyntaxError: Unterminated string constant,而我需要里面放多行内容换行显示,该怎么做?

[WenJimmy]

``

[jevirs]

``

[duglik]

@jevirs
''
body{ background :red}
''这样换行的话,还是会有报错**Unexpected token, expected**

[sneezry]

用`，要么用\n

[xfspace]

`` 不是双引号 1 前面那个键

[xingo]

{
code: '',
finalCode: '\
body{ background: red }',
}

换行最后一个加 \ 也可以

[jas0ndyq]

请先学习 JavaScript

[wwqgtxx]

1 楼正解，不过建议楼主带一个放大镜看一下一楼的答案

[Revenant]

http://es6.ruanyifeng.com/#docs/string
参考模板字符串