JavaScript - Vue のルーターリンクで es6 文字列テンプレートを使用するときに二重引用符を追加する必要があるのはなぜですか?

Question

#二重引用符を削除した後にエラーを報告しました。
よくわからないのでアドバイスをお願いします。

Answer 1

Vue では、HTML タグ :xxx="" がテンプレートに含まれている場合、二重引用符で囲まれた内容は一般的な HTML 属性ではなく、JS 式になります。

例:

リーリー

今回は count++ 是一段模板编译后由 Vue 执行的 JS 代码，而不是简单的属性字符串。同理，router-link 中书写的也是 JS 代码，而不是链接字符串。这样一来，需要直接返回字符串路径时，就必须采用单引号把字符串内容括起来，例如 :to="'/index'" 这样。如果写 :to="/index"，那么 Vue 会求值一个名为 /index が変数であり、明らかに不正です。

一重引用符と二重引用符をネストしたくない場合は、コロンを削除して次のように書くことができます <router-link to="/index">

Answer 2

リーリー

文字列のスペルを試してください