&引用；无效表达式“；呈现vue.js组件时出错'；身份证

我创建了一个组件：

Vue.component("foo", {
    template: '<div class="foo" :id={{id}}></div>',
    data: function() {
        return {
            id: "bar" 
        }
    }
})

Vue.component（“foo”{
模板：“”，
数据：函数（）{
返回{
id:“酒吧”
}
}
})

此错误发生在

：id={{{id}}

上，编译模板时出现

错误：无效表达式：应为属性名，获取了{

---

假设

条

的ID是唯一的，为什么会出现此错误？

当您使用v-bind或“：”绑定属性时，不应使用双括号“{{}”

模板：“”

你应该写：

模板：'

在

html

标记之间应使用花括号

---

e、 g:

template:'{{id}}'

谢谢，就是这样。文档中对这一点的解释在哪里？@alex您可以在这里查看：这里：

 template: '<div class="foo" :id="id"></div>'