14、Vue项目开发：支持中心与地理定位博客应用

Vue项目开发：支持中心与地理定位博客应用

1. 支持中心项目开发

在支持中心项目中，我们进行了多方面的开发与优化，下面为你详细介绍。

1.1 属性绑定

<textarea> 有一些实用的属性，如 rows 属性。为避免为每个属性创建一个 prop 的繁琐操作，我们使用 Vue 组件的 $attrs 特殊属性。它能将组件上设置的所有非 prop 属性作为一个对象获取，对象的键为属性名。

例如，在 FormInput 组件中有一个 text prop ，在另一个组件中这样使用：

<FormInput :text="username" required>

Vue 会将 required 视为属性，因为它不在 FormInput 组件暴露的 prop 列表中。可以通过 $attrs.required 访问它。

在 FormInput.vue 组件的 <component> 上使用 v-bind 指令绑定 $attrs ： <