diff --git a/vue2-tutorials/single-file/demo2/src/views/demo4/compontens/Count.vue b/vue2-tutorials/single-file/demo2/src/views/demo4/compontens/Count.vue
new file mode 100644
index 0000000..092d279
--- /dev/null
+++ b/vue2-tutorials/single-file/demo2/src/views/demo4/compontens/Count.vue
@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <h1>当前求和为：？？？</h1>
+    <select>
+      <option value="1">1</option>
+      <option value="2">2</option>
+      <option value="3">3</option>
+    </select>
+
+    <button>+</button>
+    <button>-</button>
+    <button>-当前求和为奇数再加</button>
+    <button>-等一等再加</button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Count",
+};
+</script>
+
+<style>
+button {
+  margin: 0 4px;
+}
+</style>
diff --git a/vue2-tutorials/single-file/demo2/src/views/demo4/index.vue b/vue2-tutorials/single-file/demo2/src/views/demo4/index.vue
new file mode 100644
index 0000000..da7549e
--- /dev/null
+++ b/vue2-tutorials/single-file/demo2/src/views/demo4/index.vue
@@ -0,0 +1,3 @@
+<template></template>
+
+<script></script>