利用Vue实现一个记事本

好几天没更新了，因为最近要学的东西特别多，跟着B站上的视频，了解了ajax，这两天在看Vue的知识点，利用Vue实现了一个小的记事本，使用框架真的比直接的DOM操作，简单了很多，代码量也少了很多。

简单的记事本，主要实现的功能就增加内容，删除内容，删除选定的，删除所有的。

自己操作中用到的知识点以及出现的问题：

使用splice()删除内容，第一个参数是索引，第二个参数是要删除的数量

更加了解盒子阴影的参数：

/* 实现底下的三个阴影
    第一个是沿着x轴的方向  第二个是沿着y轴的方向   第三个是阴影的模糊度（仅为正数）
    第四个参数是阴影扩展半径   颜色    inset为设置内阴影（如果不写默认是外阴影）*/
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);

最惨的一点就是当时内容区域和后面的图片相差很远，我给后面的图片的父元素设置了margin-top来修改， 父元素改变但是图片还是不改变，后面发现content有个margin-bottom，然后图片的父元素有margin-top，发生了margin塌陷问题，最后不给content设置margin-bottom，直接给图片的父元素一个margin就解决问题了。