前端进阶Vue框架-----父传子（组件验证，默认属性）

小不言啊

已于 2022-02-18 16:36:48 修改

阅读量185

点赞数

文章标签： vue.js 前端 javascript

于 2022-02-18 16:18:38 首次发布

本文链接：https://blog.csdn.net/m0_61656944/article/details/123006033

版权

  <title>Document</title>
    <script src="/lib/vue.js"></script>
</head>
<body>
    <div id="box">
        <!-- 1.想要定义在内容里显示什么内容，先定义一个数据，然后传到props中接收，再用{
  {传下来的值}}显示
             2.想要让右边的按钮隐藏，可以先动态绑定一个布尔值数据，再传下去，在相对应的按钮用v-show判断即可
        -->
        <navbar myname="电影" :myright="false"></navbar>
        <navbar  myname="影院"  :myright="true"></navbar>


    </div>

    <script>

        Vue.component("navbar",{
            // 固定值props,用来接收上班穿下来的数据
            props:["myname","myright"],
            template:`
            <div>
            <button>左</button>
            <span>{
  {myname}}&l

最低0.47元/天解锁文章

小不言啊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端进阶Vue框架-----父传子（组件验证，默认属性）

<title>Document</title> <script src="/lib/vue.js"></script></head><body> <div id="box"> <!-- 1.想要定义在内容里显示什么内容，先定义一个数据，然后传到props中接收，再用{{传下来的值}}显示 2.想要让右边的按钮隐藏，可以先动态绑定一个布尔值数据...
复制链接

扫一扫