prop的类型

最新推荐文章于 2024-07-08 09:29:52 发布

糖包咭

最新推荐文章于 2024-07-08 09:29:52 发布

阅读量913

点赞数 2

分类专栏： prop与传参文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_47952714/article/details/108717175

版权

props

组件中内部私有数据存储中组件 data 中，通过外部传入的数据，则通过 props< 选项接收

父组件通过props向子组件传参

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>

        .pagination a{
    
            padding:5px 12px;
            border: 1px solid #3ba9ff;
            text-decoration: none;
            margin:5px;
        }

        .pagination a.active {
    
            background: #33bbaa;
            color: white;
        }

    </style>
</head>
<body>
    <div id="app">
        <ul>
            <li v-for="user of users" :key="user.id">
                {
  {user.name}}
            </li>
        </ul>
        <k-pagination :pages="6" :page="3"></k-pagination>
    </div>
    <script src="js/vue.js"></script>
    <script>

        // 参数1： 自定义组件名称
        // 餐数2： 组件的内容(对象的形式)
        Vue.component(<

最低0.47元/天解锁文章

糖包咭

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
prop的类型

props组件中内部私有数据存储中组件 data 中，通过外部传入的数据，则通过 props< 选项接收父组件通过props向子组件传参<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
复制链接

扫一扫

专栏目录