这是一个通过 Prop 向子组件传递数据的小例子。
代码:
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; text-decoration: none; } </style> </head> <body> <div id="app"> <!--数据的渲染--> <ul> <student-component v-for="item in students" :student="item"></student-component> </ul> </div> <script src="/UploadFiles/2021-04-02/vue.js">不再关心dom操作了 专注于数据的渲染。比如这个关注点 就是如何把 students这个数组中的信息渲染到页面上给用户看。