vue2 的自定义属性

在Vue 2中，自定义属性通常用于注入组件内部的一些配置或者状态，它们是以`v-`开头，例如`v-bind`, `v-model`, `v-on`等。然而，除了官方提供的那些属性之外，开发者还可以创建自己的自定义指令来扩展组件的行为。

自定义属性一般有以下几个步骤：

1. 定义指令：在组件的选项对象里，使用`directives`属性定义一个对象，键是自定义属性名，值是一个对象，包含了指令的名称（通常是驼峰式命名）、处理器函数（handler function）以及相关的选项。

   directives: {
     customAttribute: {
       bind: function (el, binding, vnode) {
         // 当绑定发生时，这里会执行
       },
       update: function (el, binding, vnode) {
         // 当绑定值更新时，这里会执行
       },
       unbind: function (el, binding, vnode) {
         // 当解绑时，这里会执行
       }
     }
   }

2. 使用自定义属性：在模板中，使用自定义的`v-customAttribute`语法将值绑定到元素上。

   <div v-customAttribute="myCustomValue"></div>

3. 处理器函数：这里的处理器函数可以访问`binding.value`获取绑定的值，`el`表示当前元素，`vnode`提供了一些关于虚拟DOM的信息。

注意，虽然你可以使用自定义属性，但为了保持代码的清晰性和兼容性，建议尽量使用Vue提供的标准属性如`v-bind`, `v-model`, 和 `v-on`。