v-bind:href…　:の後ろに半角スペースを含めてはダメ！

つむ

v-bindを使うときに引っかかったこと。
いつも通り、bodyの中に書くのだが、v-bindでハイパーテキストのリファレンスを行いたいとき。

（正） <a v-bind:href="url">PJ</a>

（誤） <a v-bind: href="url">PJ</a>

可読性のために何となく半角スペースを入れたらごついエラーで怒られた。

VM64:15 Uncaught SyntaxError: Unexpected token ','
    at new Function (<anonymous>)
    at compileToFunction (vue.global.js:15779:23)
    at finishComponentSetup (vue.global.js:8731:38)
    at setupStatefulComponent (vue.global.js:8666:11)
    at setupComponent (vue.global.js:8588:13)
    at mountComponent (vue.global.js:6950:15)
    at processComponent (vue.global.js:6925:19)
    at patch (vue.global.js:6527:23)
    at render (vue.global.js:7685:15)
    at mount (vue.global.js:5926:27)

この記事が気に入ったらサポートをしてみませんか？