diff --git "a/\351\273\204\345\213\207\350\276\211/Note-2021-6-11.md" "b/\351\273\204\345\213\207\350\276\211/Note-2021-6-11.md"
new file mode 100644
index 0000000000000000000000000000000000000000..74290354d36bdbaec48ac1a9bf709d3649f1f1f0
--- /dev/null
+++ "b/\351\273\204\345\213\207\350\276\211/Note-2021-6-11.md"
@@ -0,0 +1,60 @@
+## 今日笔记
+## vue cli 安装 加一
+##  mkdir 创建文件夹 rm -f 文件名称 删除
+1. 在cmd控制台安装yarn
+```
+ npm i -g yarn
+```
+2. 安装yarn淘宝镜像
+```
+yarn config set registry https://registry.npm.taobao.org/
+```
+3. 安装 vue cli
+```
+npm install -g @vue/cli
+# OR
+yarn global add @vue/cli
+```
+4. 你还可以用这个命令来检查其版本是否正确：
+```
+vue --version
+```
+5. 如需升级全局的 Vue CLI 包，请运行：
+```
+npm update -g @vue/cli
+
+# 或者
+yarn global upgrade --latest @vue/cli
+```
+6. 如果在使用 vue 初始化项目的时候提示：无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
+```
+表示系统没有找到 vue.cmd 的地址，需要将地址加入到环境变量。
+环境变量：路径 
+path
+C/用户/Adminstor/Appdata/local/yarn/bin
+```
+
+7. vue create 项目名称
+```
+如：选择vue2 yarn  指令进行操作
+```
+8. 在项目内vs code 安装 Vetur
+```
+ 安装激活vetur插件, 代码就有高亮了. 右键菜单还会变多一些, 主要多了个格式化文档.
+ ```
+ 9. Xshell服务器 cd /var/www/      mkdir vue.icu(创建文件名称) 在文件夹里放你的项目
+
+ 10. vim /etc/nginx/conf.d/vue.conf 进入到创建的配置文件 进行编辑
+ ```
+    server{
+        listen 80;
+        server_name vue.icu;
+
+        location / {
+            root /var/www/vue.icu;
+            index index.html;
+        }
+    } 
+```
+## nginx -t 检查  nginx -s reload  重启
+## 之后进入 /C/Windows/System32/drivers/etc/hosts 右键属性 安全点击高级 左下角点击添加 点击选择主体  点击高级 点击立即查找 第二个Administractor 确定 之后全选 除了特殊权限 之后应用确定 在打开hosts 在最下面添加自己的监听路径（网站ping） + 文件名称保存即可 直接访问文件名称 在浏览器上即可显示成功即成功
\ No newline at end of file
diff --git "a/\351\273\204\345\213\207\350\276\211/Note-2021-6-12.md" "b/\351\273\204\345\213\207\350\276\211/Note-2021-6-12.md"
new file mode 100644
index 0000000000000000000000000000000000000000..cc8b2a288c9a1f74251b89588174426e359fe5bf
--- /dev/null
+++ "b/\351\273\204\345\213\207\350\276\211/Note-2021-6-12.md"
@@ -0,0 +1,75 @@
+## 今日笔记
++ vue cli  简单的使用
+
++## yarn serve 执行yarn安装下的vue cli 运行
++1. 安装 vue cli 
++2. 生成项目  vue  create 名称
++3. 在components下创建文件 Tese.vue
++
++4. 在 App.vue 下
+```
++<div id="app">
++    <HelloWorld msg="Welcome to Your Vue.js App"/>
++    
++    <test ></test>
++  </div>
++</template>
++
++<script>
++import HelloWorld from './components/HelloWorld.vue'
++import Test from './components/Test.vue'
++
++
++export default {
++  name: 'App',
++  components: {
++    HelloWorld,
++    Test
++  }
++}
++</script>
+```
++5. Text.vue
+```
++<template>
++<div>
++    <h2>{{title}}</h2>
++
++    <table>
++        <th>
++            <td>id</td>
++            <td>1</td>
++            <td>2</td>
++            <td>3</td>
++        </th>
++         <tr v-for="item in list" :key="item.id">
++            <td>{{item.id}}</td>
++            <td>{{item.name}}</td>
++            <td>{{item.price}}</td>
++            <td>{{item.chandi}}</td>
++        </tr>
++    </table>
++    </div>
++</template>
++
++<script>
++    export default{
++        props:{
++            title:{
++                type:String,
++               default:"111111"
++            },
++        },
++        data:function(){
++            return{
++                list:[
++                    {id:1,name:"黎明",price:3999,chandi:"香港"},
++                     {id:2,name:"学友",price:3999,chandi:"香港"},
++                      {id:3,name:"德华",price:3999,chandi:"香港"},
++                       {id:4,name:"富城",price:3999,chandi:"香港"},
++                ]
++            }
++        }
++    }
++</script>
+``
\ No newline at end of file
diff --git "a/\351\273\204\345\213\207\350\276\211/Note-2021-6-8.md" "b/\351\273\204\345\213\207\350\276\211/Note-2021-6-8.md"
new file mode 100644
index 0000000000000000000000000000000000000000..cabe27e6fb31a366add7c68e771308fe221203b9
--- /dev/null
+++ "b/\351\273\204\345\213\207\350\276\211/Note-2021-6-8.md"
@@ -0,0 +1,51 @@
+## 今日笔记
+
+
++ # 全局组件
++<div id="app">
++    <runoob></runoob>
++</div>
++ 
++<script>
++// 注册
++Vue.component('runoob', {
++  template: '<h1>自定义组件!</h1>'
++})
++// 创建根实例
++new Vue({
++  el: '#app'
++})
++</script>
+
++ #  组件注册
+
++注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候我们已+经看到了：
++
++Vue.component('my-component-name', { /* ... */ })
++该组件名就是 Vue.component 的第一个参数。
++
++你给予组件的名字可能依赖于你打算拿它来做什么。当直接在 DOM 中使用一个组+件 (而不是在字符串模板或单文件组件) 的时候，我们强烈推荐遵循 W3C 规范中+的自定义组件名 (字母全小写且必须包含一个连字符)
+
++ # 在模块系统中局部注册
++一个 components 目录，并将每个组件放置在其各自的文件中。
++
++然后你需要在局部注册之前导入每个你想使用的组件。例如，在一个假设的 +ComponentB.js 或 ComponentB.vue 文件中：
++
++import ComponentA from './ComponentA'
++import ComponentC from './ComponentC'
++
++export default {
++  components: {
++    ComponentA,
++    ComponentC
++  },
++  // ...
++}
+# 自定义指令
++添加一个自定义指令，有两种方式：
++
++通过 Vue.directive() 函数注册一个全局的指令。
++ 通过组件的 directives 属性，对该组件添加一个局部的指令。
++创建全局指令：
+
++需要传入指令名称以及一个包含指令钩子函数的对象，该对象的键即钩子函数的函+数名，值即函数体，钩子函数可以有多个。
\ No newline at end of file
diff --git "a/\351\273\204\345\213\207\350\276\211/Note-2021-6-9.md" "b/\351\273\204\345\213\207\350\276\211/Note-2021-6-9.md"
new file mode 100644
index 0000000000000000000000000000000000000000..e3590eadce797357bd55a1ae43763a56734de67c
--- /dev/null
+++ "b/\351\273\204\345\213\207\350\276\211/Note-2021-6-9.md"
@@ -0,0 +1,73 @@
+## 今日笔记
+
++cmd 进入控制台 yarn -v 查看一下有没有yarn 要是没有 就安装一下 npm install -g yarn  安装完查看一下 有没有 之后
++通过yarn设置淘宝镜像 yarn config set registry https://registry.npm.taobao.org 安装会快一些
++之后在安装vue    yarn global add @vue/cli
++之后配置一下  去电脑 右键 属性 高级管理系统设置  环境变量 系统变量 中点击path 添加 路径为 C/用户/Adminstor/Appdata/local/yarn/bin 即可 之后重新进入cmd控制台 输入vue查看Vue是否安装完成
+
+
+```
++ 环境变量path 浏览 用户、appdata、yarn
++ 新建文件夹
+```
+mdkir 文件名
+```
++ 创建项目
+```
+vue create 项目名
+```
++ 选择vue2,yarn
++ 终止项目
+
+## VSCode打开项目
++ 压缩 yarn build 生成dist文件
+
+## 登录xshell(部署项目)
++ cd /var/www
++ ll
++ mkdir hcy.top
++ chomd -R 777 hcy.top
++  配置文件 cd /etc/nginx/conf.d
+```
+server{
+  listen 80;
+  server_name hcy.top;
+  location /{
+      root /var/www/hcy.top;
+      index index.html;
+  }
+
+}
+```
++ nginx -t
++ nginx -s reload 
+## 修改权限
+```
+
+1.C:\Windows\System32\etc
+2.host属性 添加 主机名 + 域名
+
+ ## and
+
++ d: 进入D盘   mkdir 文件名称 创建一个文件夹 之后 cd 文件名称    vue create 文件名称 然后跟着指令进行操作并 选则 然后完成后会有一个端口地址 进去查看验证即可
++之后进入自己创建的文件夹 src/components/App.vue 安装拓展
++之后将文件打包 npm run build  打包的index.html 打不开 可以在Xshell上部署进行查看
++进入Xshell服务器 cd /var/www/      mkdir vue.icu(创建文件名称) rm -f 文件名称删除   创建一个文件夹
++vim /etc/nginx/conf.d/vue.conf 进入到创建的配置文件 进行编辑
++    server{
++        listen 80;
++        server_name vue.icu;
++
++        location / {
++            root /var/www/vue.icu;
++            index index.html;
++        }
++    } 
++esc 保存 :wq! 保存并推出
++
++nginx -t 重启  nginx -s reload 
++
++之后进入 /C/Windows/System32/drivers/etc/hosts 右键属性 点击左上角的安全 再点击高级 左下角点击添加 点击选择主体  点击高级 点击立即查找 第二个Administractor 确定 之后全选 除了特殊权限 之后+应用确定 在打开hosts 在最下面添加自己的监听路径 + 文件名称保存即可 直接访问文件名称 在浏览器上即可显示成功即成功
+
+
+```
\ No newline at end of file
diff --git "a/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 10-25-17.JPG" "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 10-25-17.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..e70c6353b3d60550422bb02977b81775c61ebb00
Binary files /dev/null and "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 10-25-17.JPG" differ
diff --git "a/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 10-31-24.JPG" "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 10-31-24.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..ca3e8b269c1f0708fb98397febadd8a42beec2d7
Binary files /dev/null and "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 10-31-24.JPG" differ
diff --git "a/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 10-32-26.JPG" "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 10-32-26.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..efb8238ae3422d113b4c5b5774bf731dbb394d17
Binary files /dev/null and "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 10-32-26.JPG" differ
diff --git "a/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 8-45-43.JPG" "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 8-45-43.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..296f21ef8dbab9a049adf21debfd018ca85525d4
Binary files /dev/null and "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 8-45-43.JPG" differ
diff --git "a/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 9-22-52.JPG" "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 9-22-52.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..5db6350a2d28fb7afc0834d6824c8506eee79765
Binary files /dev/null and "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 9-22-52.JPG" differ
diff --git "a/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 9-25-56.JPG" "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 9-25-56.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..31f66f0fbef7f2f4771558c3bc73668603153da2
Binary files /dev/null and "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 9-25-56.JPG" differ
diff --git "a/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 9-36-44.JPG" "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 9-36-44.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..d3b2d86d31cf2e8ca8e5a6e3db83141bc23e6b66
Binary files /dev/null and "b/\351\273\204\345\213\207\350\276\211/img/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/2021-6-8 9-36-44.JPG" differ