反单引号 使用问题

在使用vue编程中，组件里面绑定的事件如果有传入事件名称字符串/字符串参数，比如在路由跳转时
书写成 @click="$router.push('/detail/${item.id}')"
乍一看是没有任何问题的，但实际上却会报错或者无法获得传入正确的id值

---

为什么会出现这种情况？

用反引号标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。 因为我们没有正确规范的使用语法。在这里我们使用到的字符串称之为**模版字符串.

另外模板字符串中嵌入变量，需要将变量名写在${}之中。
所以上述中代码的正确书写格式为
@click="$router.push(/detail/${item.id})"