vue组件传值简单版本

以前写的Vue组件传值我都有点看不太懂！
现在在写一个！

1. 首先，我们的vue项目中肯定有components这个文件夹，没有就创建一个，你问我这个是干啥的！这个就是用来放Vue的组件的文件夹！

   
   image.png

2. 下面是第二步了啊，仔细看！我们写个注册页面！大概就下面这个样子!

   
   image.png

3. 通过对页面的分析 ！我决定将页面拆分成下面几个模块 ！其中姓名账号密码只是组件的复用而已！

   
   image.png

4. 然后我们开始写了啊！这没啥可说的啊！直接上代码是最好的！刚才不是提到了吗！要写在components这个文件下面！我们找到这个文件夹新建几个文件 ！ 我分别写了3个文件 分别是 上面的头 和输入框 还有按钮！

   
   image.png

5. 组件创建完成以后就要写代码了啊！我们打开我们创建好的页面！写代码就完了! 我拿输入框组件来做演示！

   
   image.png

6. 刚才我们把输入框组件写好了！写好没用啊！我们要用它他才有用啊！来 我们一起来用起来！

   
   image.png
7. 我写好了，你可以夸跨我吗？