vue 小细节杂记

关于[…res] , {…res}

    msiteFoodTypes(this.geohash).then(res => {
          console.log(res);
            let resLength = res.length;
            let resArr = [...res]; // 返回一个新的数组 深拷贝 这两个数组所作的操作 不会被干预
          console.log(resArr);
          res.push("1")
          console.log("--------------------");
          console.log(res);
          console.log(resArr);

如果res返回的是数组就使用[…res] 如果是obj对象使用 {…res}。
打印的结果如下所示：

可见在res里面添加数据 ，resArr里面的数据并不会同步改变，很多时候项目里面会用到这样的需求，通过http请求 得到的数据不想被改变 所以就去复制一样的要求原数据不能被改变!
es6的写法就如上
es5： JSON.parse(JSON.stringify(res))

vue文件里面访问其他文件夹下的图片

有这样一个需求 图片不放本地项目的工程目录里面 因为压缩的时候包会很大，所以我们要把大图片单独拎出来，放到后台项目里面的某个目录里 那就涉及到vue里面的图片路径怎么写了
比如这个单独存放图片的文件叫做img 跟打包后的dist 放在同一个文件夹，则写法如下：
写成动态的:src

实现两行 超出部分…显示

纯css

line-height:37rpx;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:block-axis;