vue 自定义属性

在Vue中，可以通过v-bind指令来动态绑定属性，也可以通过v-on指令来监听事件。除了这些内置的指令外，我们还可以自定义属性。

自定义属性可以通过使用冒号(:)来绑定，例如：

<template>
  <div :custom-attr="value"></div>
</template>

在上述示例中，我们定义了一个名为custom-attr的自定义属性，并将其绑定到了value变量上。

在组件中，我们可以通过props选项来接收自定义属性，并在模板中使用。例如：

Vue.component('my-component', {
  props: ['customAttr'],
  template: '<div>{{ customAttr }}</div>'
});

在上述示例中，我们定义了一个名为customAttr的props接收自定义属性，并在模板中使用。

使用自定义属性可以实现很多灵活的功能，例如动态配置组件样式、传递特定的数据等。但需要注意的是，在使用自定义属性时，需要遵循HTML的属性命名规范，不能使用驼峰式命名，而应使用短横线连接的方式