vueテンプレートにおける二重引用符に一重引用符を付ける役割
423 ワード
vueでは、テンプレート内のHTMLタグ
このとき
:XXX=""
の場合、二重引用符の内容は、一般的なHTML属性ではなくjs式です.例:{{a}}
このとき
a++
は、単純な属性文字列ではなく、テンプレートコンパイル後にVueによって実行されるJSコードである.同様に、router-link
に書かれているのも、リンク文字列ではなくJSコードです.文字列パスを直接返す必要がある場合は、:type="'/index'"
のように、文字列の内容を単一引用符で囲む必要があります.:type="/index"
と書くと、Vueは/indexという変数を求めますが、これは明らかに不正です.