vue 通过 Prop 向子组件传递数据的实现方法

(编辑：jimmy 日期: 2025/10/26 浏览：3 次 )

这是一个通过 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这个数组中的信息渲染到页面上给用户看。

上一篇：解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
下一篇：微信小程序：报错(in promise) MiniProgramError