diff --git "a/\346\234\261\351\271\217/img/10.png" "b/\346\234\261\351\271\217/img/10.png"
new file mode 100644
index 0000000000000000000000000000000000000000..fc49f405711e6479e336d9a2eee6255bc9eef736
Binary files /dev/null and "b/\346\234\261\351\271\217/img/10.png" differ
diff --git "a/\346\234\261\351\271\217/img/11.png" "b/\346\234\261\351\271\217/img/11.png"
new file mode 100644
index 0000000000000000000000000000000000000000..5f422d4074d09437f9562104918ace4dbc845749
Binary files /dev/null and "b/\346\234\261\351\271\217/img/11.png" differ
diff --git "a/\346\234\261\351\271\217/img/4.png" "b/\346\234\261\351\271\217/img/4.png"
new file mode 100644
index 0000000000000000000000000000000000000000..dc88193e52af0519f9ca2ba6e000fb38635fd586
Binary files /dev/null and "b/\346\234\261\351\271\217/img/4.png" differ
diff --git "a/\346\234\261\351\271\217/img/5.png" "b/\346\234\261\351\271\217/img/5.png"
new file mode 100644
index 0000000000000000000000000000000000000000..48f1b0203e9c9be228a103dd331092fb70ad8060
Binary files /dev/null and "b/\346\234\261\351\271\217/img/5.png" differ
diff --git "a/\346\234\261\351\271\217/img/6.png" "b/\346\234\261\351\271\217/img/6.png"
new file mode 100644
index 0000000000000000000000000000000000000000..195a43110c1ab3b225ba7733a233be3feaaa665b
Binary files /dev/null and "b/\346\234\261\351\271\217/img/6.png" differ
diff --git "a/\346\234\261\351\271\217/img/7.png" "b/\346\234\261\351\271\217/img/7.png"
new file mode 100644
index 0000000000000000000000000000000000000000..4336d45a3990fe3f48a4e853e7daa54758462825
Binary files /dev/null and "b/\346\234\261\351\271\217/img/7.png" differ
diff --git "a/\346\234\261\351\271\217/img/8.png" "b/\346\234\261\351\271\217/img/8.png"
new file mode 100644
index 0000000000000000000000000000000000000000..4e2de0c95e9206d63a6ace1e549405c3e71af06a
Binary files /dev/null and "b/\346\234\261\351\271\217/img/8.png" differ
diff --git "a/\346\234\261\351\271\217/img/9.png" "b/\346\234\261\351\271\217/img/9.png"
new file mode 100644
index 0000000000000000000000000000000000000000..6a082df574320028f048ecbd35d643c45aed96ad
Binary files /dev/null and "b/\346\234\261\351\271\217/img/9.png" differ
diff --git "a/\346\234\261\351\271\217/\345\215\225\346\226\207\344\273\266\347\273\204\344\273\266.md" "b/\346\234\261\351\271\217/\345\215\225\346\226\207\344\273\266\347\273\204\344\273\266.md"
new file mode 100644
index 0000000000000000000000000000000000000000..0944f2e707aae69766a672290fd560d7e428b25c
--- /dev/null
+++ "b/\346\234\261\351\271\217/\345\215\225\346\226\207\344\273\266\347\273\204\344\273\266.md"
@@ -0,0 +1,11 @@
+## 单文件组件
++ 淘宝镜像地址
+![a](./img/7.png)
+
+
+
+
++ 接安装好之后：
+1. 删掉蓝色部分
+![a](./img/10.png)
+![a](./img/11.png)
\ No newline at end of file
diff --git "a/\346\234\261\351\271\217/\345\256\211\350\243\205.md" "b/\346\234\261\351\271\217/\345\256\211\350\243\205.md"
new file mode 100644
index 0000000000000000000000000000000000000000..9600353d139cfcf8440ab0bcfb2ed21ce84dab3e
--- /dev/null
+++ "b/\346\234\261\351\271\217/\345\256\211\350\243\205.md"
@@ -0,0 +1,29 @@
+
+
+
+
+**打开Windows PowerShell**
+1. 先安装yarn：```npm i -g yarn```
+2. 切换淘宝镜像（百度npm国内镜像）```npm config set registry https://registry.npm.taobao.org```
+3. 安装vue，```yarn global add @vue/cli```(```vue --version```检查版本是否正确的命令。```yarn global upgrade --latest @vue/cli```升级全局 Vue CLI 包命令)
+4. 添加环境变量：电脑属性=>环境变量=>编辑系统变量path=>新建=>浏览=>c盘=>Administrator=>AppData=>Local=>Yarn=>bin(好了之后重新开启Windows PowerShell)
+5. 切换到d盘：d:；然后创建：mkdir myGitProjects，切换目录创建：
+![a](./img/4.png)
+6. 选择Vue 2;选择Yarn
+7. ![a](./img/5.png),![a](./img/6.png)现在浏览器输入：localhost:8080可以访问
+
+
+---
+
+
+
+**打开cmd**
+1. 切换淘宝镜像
+2. 全局安装```npm i -g @vue/cli yarn```
+3. 查看vue![a](./img/8.png)
+5. 切换到d盘：d:；然后创建：mkdir myGitProjects，切换目录创建：
+![a](./img/4.png)
+6. 选择Vue 2;选择Yarn
+7. 创建好的项目不会自己提交一次，要想创建和项目就自动提交一次需提前给信息：
+![a](./img/9.png)
+8. 创建好，可通过code打开
diff --git "a/\346\234\261\351\271\217/\347\273\204\344\273\266\345\237\272\347\241\200.md" "b/\346\234\261\351\271\217/\347\273\204\344\273\266\345\237\272\347\241\200.md"
new file mode 100644
index 0000000000000000000000000000000000000000..d0d689be67248d5fdb1619d1d872f0f2182057af
--- /dev/null
+++ "b/\346\234\261\351\271\217/\347\273\204\344\273\266\345\237\272\347\241\200.md"
@@ -0,0 +1,40 @@
+## 基本示例
+
++ 组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 ```<btn-count>```。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用：
++ 组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、template
+
+**注意点：**
++ data必须是一个方法
++ 有return返回
++ 组件可以重复使用，即可以写多个```<btn-count>```
+```
+    <div id="app">
+        <btn-count></btn-count>
+    </div>
+```
+
+```
+    <script>
+        Vue.component('btn-count',{
+            data:function(){
+                return{
+                    count:0
+                }
+                
+            },
+            template:`
+                <input type="button" :value="count" @click="count++">
+                `
+            
+            
+        })
+
+        let app=new Vue({
+            el:'#app',
+            data:{
+
+            }
+        })
+
+    </script>
+```
\ No newline at end of file
diff --git "a/\346\234\261\351\271\217/\351\203\250\347\275\262(6.11).md" "b/\346\234\261\351\271\217/\351\203\250\347\275\262(6.11).md"
new file mode 100644
index 0000000000000000000000000000000000000000..c99caaaff0654b7c3eac45fbf97cd62796c81470
--- /dev/null
+++ "b/\346\234\261\351\271\217/\351\203\250\347\275\262(6.11).md"
@@ -0,0 +1,10 @@
+**打开cmd**
+1. 切换淘宝镜像
+2. 全局安装```npm i -g @vue/cli yarn```
+3. 查看vue![a](./img/8.png)
+5. 切换到d盘：d:；然后创建：mkdir myGitProjects，切换目录创建：
+![a](./img/4.png)
+6. 选择Vue 2;选择Yarn
+7. 创建好的项目不会自己提交一次，要想创建和项目就自动提交一次需提前给信息：
+![a](./img/9.png)
+8. 创建好，可通过code打开