vue更新一些奇怪的属性

首先，来到新公司，第一次拿到完整的vue前后端分离的项目还是很开心的。
但是前几天就遇到一些个很不常见的vue问题。

1. 问题描述
   需要把超出的部分文字隐藏掉，然后又要可以知道这个文本的全部内容

2. 解决思路
   当时通过问超出的部分隐藏，鼠标放上去的时候显示全部内容

3. 直接代码解释
   `css样式：overflow：hidden,text-overflow:ellipsis;white-space:nowrap

关键点来了：如何实现鼠标显示完全的问题，博主也是一个vue新手，虽然看了很长时间文档，但是没有实践经验，度娘的的排行居然排到了一个把鼠标三个事件写成公共样式的，但并不适合后期赶工期和修改bug的原理，于是想到了元素的属性title。由于博主的犯二，试了好几次的数据绑定。
正确代码：v-bind:title="item.val"（谨记不需要的两个大括号。v-bind：也是必须的，也可以用省略）