vue初步学习props组件交互

编译软件：vscode

技术：vue

1.首先需要创建好一个vue项目，方便我们后续使用

2.在Component目录下，创建一个MyComponent.vue

3.首先在MyComponent.vue中的<template>中先输入标题<h3>prop传递数据</h3>

4.在export default中要输入name，title，切记：一定要有props{}，不然参数将接收不到

5.接下来，在下面继续填入我们需要的参数，title，age

6.同时在<template>中要相继填入我们的参数，填入<p>标签内

7.找到app.vue并打开，首先，要在<scrpite>标签中导入刚刚的文件

import  MyComponent from './components/MyComponent.vue'

8.接下来在data中返回我们的值，title和age

9.在最上面显示组件部分增加我们刚刚要显示的参数，里面可以传入多个参数

10.做完上面所有步骤，就完成一个简单的props组件交互