[Vue parser]: Interpolation inside attributes has been deprecated. Use v-bind or the colon shorthand instead.

[zwl1619]

I change vuejs 1.0 to 2.0,there is an error like this:

[Vue parser]: Interpolation inside attributes has been deprecated. Use v-bind or the colon shorthand instead.

What might be the problem?

[yyx990803]

As the message suggests: change <div id="{{ id }}"> to <div :id="id">.

Please do not use issues to ask simple questions like this in the future.

[zwl1619]

ok,谢谢。

[teckel12]

But it doesn't work. Trying to do the following:

<div v-for="unit in board.units" id="col{{$index}}">

But getting the error: "Interpolation inside attributes has been deprecated. Use v-bind or the colon shorthand instead."

What should be simple, Vue is making complicated and unknown.

[zjhiphop]

Got same problem, not found solution yet.

[yyx990803]

@teckel12 maybe if you've read the docs you will find that it's not complicated nor unknown.

[phanan]

@teckel12 @zjhiphop It's actually very simple as long as you read the doc, or at least the migration guide. Normally I'm not a fan of using the issue list for support, but since you were saying it was complicated/unknown, here's a fiddle. Please note, though, that just because it's doable doesn't mean you should do it – setting ID's on the fly is often unnecessary.

---

To keep the issue list clean, I'm locking this from further discussion. You're welcome to open a thread on our very active forum. 😃