实现小黑的记事本，要求如下： 1.列表渲染:v-for渲染 2. 删除功能：创建删除函数实现 3. 添加功能:创建添加函数实现 4.底部统计和清空：创建清理函数实现

为了实现这样一个小黑的记事本应用，我们可以使用Vue.js框架来构建，因为它非常适合构建用户界面，并且v-for指令恰好能满足列表渲染的需求。以下是基本的实现步骤：

1. **列表渲染 (v-for):**
首先，创建一个数据属性 `notes` 来存储用户的笔记列表，然后在模板中使用 v-for 循环遍历这个列表：

   <div>
     <ul>
       <li v-for="(note, index) in notes" :key="index">
         {{ note.text }}
       </li>
     </ul>
   </div>

2. **删除功能:**
创建一个 `deleteNote` 函数，接受要删除的笔记索引作为参数，从 `notes` 数组中移除对应项：

   methods: {
     deleteNote(index) {
       this.notes.splice(index, 1);
     }
   }

在模板中，你可以为每个笔记添加一个删除按钮，点击时触发这个方法：
`<button @click="deleteNote(index)">删除</button>`

3. **添加功能:**
设计一个 `addNote` 函数，用于接收新笔记内容并添加到 `notes` 列表：

   methods: {
     addNote(text) {
       this.notes.push({ text });
     },
     // 可能还需要一个输入框和提交按钮的HTML结构
   }

同样，在模板上添加一个输入框和提交按钮供用户输入新笔记。

4. **底部统计和清空功能:**
- **统计**：可以计算 `notes.length` 来显示当前笔记的数量，将其放在页面底部。
- **清空**：添加一个全局的清空所有笔记的 `clearNotes` 方法，以及一个清除按钮，点击后调用这个方法：

     methods: {
       clearNotes() {
         this.notes = [];
       },
       // 清除按钮点击事件
       clearAllBtnClick() {
         this.clearNotes();
       }
     }

将清空按钮绑定到 `clearAllBtnClick` 函数。

以上是一个简化的实现方案，实际项目中还需要考虑样式、错误处理和用户体验等因素。