Vue 模板字符串碰到script无法识别，报错Parsing error: Unterminated template.

需求：

将js代码完整的显示在界面上，包括标签

代码如下： 

报错信息如下：

我们在上图中可以看到模板字符串加入了script标签后会报错

原因：运行JS的时候由上至下，先识别模板字符串里面的script标签，会认为标签结束了，所以后面会报错(其实和字符串里面无法放script标签是一个道理)

解决：利用转义字符  \

---

记录来源于项目需求~      希望有帮助到你