单/双引号多次嵌套问题的两种解决方案:转义和es6模板字符串

JS中:双引号内不能包含双引号,单引号内不能出现单引号。

如果遇到多次嵌套时,有以下两个解决方案:

1.使用转义符号“\”转义

template:'<div @click="school=\'home\'">组件一 {{school}}</div>',

2.使用es6模板字符串“``”

template: ` <div @click="school='home'">组件一 {{school}}</div> ` ,

建议:vue中使用es6模板字符串。




猜你喜欢

转载自blog.csdn.net/g229191727/article/details/80775522