vue案例小黑记事本详解

         大家好，今天学的东西不是很多，但遇到了一个特别有趣的vue小案例吧，我觉得可以拿出来给大家伙练练手，虽然案例简单，并不复杂，但也算是涵盖了vue大部分的常用知识点，希望大家可以多练练，有助于vue的学习。

          正题开始。。。

         案例叫做小黑记事本，大致长这个样子

   

大致功能是这个样子的，

1.在输入框中输入内容，点击回车，会将输入的内容按顺序放入下面的列表中，

2.再放入的过程中会自动统计记录的数量，显示在左下角

3.当鼠标点击对应的列表项时，删除本条数据，其他数据重新排序

4.点击clear按钮，数据清零

开始具体的实现吧

一.，基本样式的编写