组件传值之父传子

最新推荐文章于 2023-11-18 12:38:53 发布

gunsmoke

最新推荐文章于 2023-11-18 12:38:53 发布

阅读量76

点赞数

分类专栏： vue学习

本文链接：https://blog.csdn.net/gunsmoke/article/details/106181962

版权

vue学习专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue</title>
    <script src="../vue.js"></script>
</head>
<body>
<div id="main">
    <mycomponent msg="gunsmoke"></mycomponent>
    <mycomponent msg=true></mycomponent>
</div>

<script>
    Vue.component('mycomponent',{
        template: `<div>
            {{msg}}
        </div>`,
        //props: ['msg'] 这种写法也可以
        props: {
            msg: String // 这么写可以类型检查
        }
    });
    new Vue({
        el: '#main',
        data: {

        },
        methods: {
        }
    })
</script>

</body>
</html>