7.14 -o-ellipsis-lastline v-show和v-if区别 父子组件传值时修改

1. -o-ellipsis-lastline
   从 Opera 10.60 开始，text-overflow属性有了一个名为-o-ellipsis-lastline的值。应用后的效果就像名字一样，在文本的最后一行加上省略号

p { 
overflow: hidden;
white-space: normal; 
height: 3em; 
text-overflow: -o-ellipsis-lastline;
}

这样即可实现指定大小的盒子在最后一行换行

2. v-show对应display: none。是不会销毁dom元素的，而v-if是会销毁dom元素的

v-if 的安全级别更高 v-show 只是隐藏了 通过页面源代码还是可以看到 安全级别低、v-if是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译

v-if 更高的切换消耗(切换消耗指从未加载到加载或者从加载到未加载的状况，需要添加或删除这个元素) v-show 需要更高的初始化渲染消耗

3. 父子组件传值时，父组件传递的参数，数组和对象，子组件接受之后可以直接进行修改，并且会传递给父组件相应的值也会修改。

如果传递的值是字符串，直接修改会报错。

不推荐子组件直接修改父组件中的参数，避免这个参数多个子组件引用，无法找到造成数据不正常的原因