编译软件: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组件交互