为什么这样会出错？

Question

<li v-for="item of navbarList">
   <a :href="{{ item.href }}">{{ item.text }}</a>
</li>

ERROR in ./~/.9.8.1@vue-loader/lib/template-compiler.js?id=data-v-4098ce76!./~/.9.8.1@vue-loader/lib/selector.js?type=template&index=0!./src/components/Navbar.vue
template syntax error - invalid expression: :href="{{ item.href }}"
提示无效的表达式

Answer 1

:href是干嘛的

Answer 2

:href=“item.href”或者href=“{{item.href}}”

Answer 3

组件里面，<template></template> 里面只能只有一个div包裹的标签，意思是，不能

</p>111</p>
</p>111</p>

多个标签，最外层得用一个div包裹

<div>
</p>111</p>
</p>111</p>
</div>

所以里面应该是：
Navbar.vue 这个组件多个标签并列