1.完成自定义指令 v-clampy，使其可以对dom中的字符串进行处理，当字符串长度超出指定的长度， 会自动进行截取，并在末尾加上省略号(...)，如<p v-clampy-"3">hello</p>最终会处理为<p>hel...</p>。

你可以在Vue的自定义指令中完成这个功能，具体代码如下：

Vue.directive('clampy', {
  bind: function (el, binding) {
    let clampyLength = binding.value || 10;
    let text = el.innerText;
    if (text.length > clampyLength) {
      el.innerText = text.slice(0, clampyLength) + '...';
    }
  }
})

使用方式如下：

<p v-clampy="3">hello world</p>

这个例子会把 `<p>` 标签内的文本截取到 3 个字符，并在末尾加上省略号（...）。