diff --git "a/\351\237\251\345\235\244/2021-6-11.md" "b/\351\237\251\345\235\244/2021-6-11.md"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\351\237\251\345\235\244/2021-6-12.md" "b/\351\237\251\345\235\244/2021-6-12.md"
new file mode 100644
index 0000000000000000000000000000000000000000..ffb3b2c915eee413f2d73c96df1602f543e5326e
--- /dev/null
+++ "b/\351\237\251\345\235\244/2021-6-12.md"
@@ -0,0 +1,89 @@
+# 第一次动手脚手架
+:
+
+`HelloWorld.vue`相当于index.html,`App.vue`页面级Vue组件,`main.js`页面入口js文件
+
+在本地安装好`vue cli`后，用vs code打开`vue create`新建的文件,用`vue serve`执行
+
+在components文件夹里新建`Atest.vue`文件，在
+```
+
+
+
+```
+template里引入文件，vue文件里只能有``一个直属接口(不规矩命名)，新建的接口只能在该直属接口里新建
+```
+export default {
+ name: 'App',
+ components: {
+ HelloWorld,
+
+ Atest}
+}
+```
+
+在上面引入之后，在`components`里注册
+```
+
+
+
{{title}}
+
+
+ |
+ | 序列号 |
+ 商品分类 |
+ 商品名 |
+ 价格 |
+ 口碑 |
+
+
+ | {{item.id}} |
+ {{item.category}} |
+ {{item.productName}} |
+ {{item.price}} |
+ {{item.appraise}} |
+
+
+
+
-
-
-
+ ////////////引用子组件
```
```
@@ -39,3 +37,42 @@ new Vue({el:'#component-Dome'})
```
每个组件都在单独运行，每个组件里都有一个单独的`count` 吧 吗
+### data必须是一个函数
+在新版本中，data被设置为必须返回一个函数，因此每个实例都能返回一个独立的对象
+
+## 通过prop像子组件传递数据
+```
+ Vue.component('try',{
+ props:['item'],//随便定义一个什么
+ template:`
+ {{item.title}}//这里的item现在只是props里定义的东西,在实例里引用子组件时给这里的item赋值之后，这个item才有意义
+ `
+ })
+```
+```
+
+
+
+ //这里的第一个item是props定义的item，第二个item是v-for里的item，
+
+