Vue组件传值之父组件向子组件传值

最新推荐文章于 2025-04-17 19:22:45 发布

婆婆丁的成长记

最新推荐文章于 2025-04-17 19:22:45 发布

阅读量347

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_42855542/article/details/83592147

版权

看到网上，有的父传子，仅一层，在这里加个孙子，及其会出现的警告进行解决。以下开始记录，请各位多多指教：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table{
            font-size: 10px;
            width: 500px;
        }
        th,td{
            border: 1px solid lightgrey;
        }
        .green th{
            color: white;
            background: #5FB878;
            border: 1px solid lightgrey;
        }
        .gray td{
            background: #eeeeee;
            border: 1px solid lightgrey;
        }
        .white td{
            background: white;
            border: 1px solid lightgrey;
        }
        button{
            background: #5FB878;
            border: none;
            border-radius: 2px;
        }
    </style>

</head>
<body>
<div id="app">
    <v-parent :pmsg="msg" :paage="age"></v-parent>
</div>
<!--父组件-->
<template id="parent">
    <div>
        <table  cellspacing="0">
            <tr class="green">
                <th colspan="3">父组件数据</th>
            </tr>
            <tr class="gray">

最低0.47元/天解锁文章