实现一个自定义指令，实现单行溢出省略号和title提示的功能。

directives: {
    ellipsis: {
        inserted: function (el, binding) {
            // 设置超出隐藏
            el.style.overflow = "hidden";
            el.style.textOverflow = "ellipsis";
            el.style.whiteSpace = "nowrap";
            // 鼠标移入提示title
            if (el.clientWidth < el.scrollWidth) {
              el.title = el.innerHTML;
            }
        },
    },
}

//使用方式
<div style="width:100px" v-ellipsis>
    文字超出隐藏，鼠标经过显示title
</div>