vue 单双引号多次嵌套问题

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

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



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

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

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

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

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

posted @ 2021-08-03 14:14  骑蝴蝶飞  阅读(1242)  评论(0编辑  收藏  举报